一篇文章带你轻松入门前端JavaScript

一篇文章带你轻松入门前端JavaScript 一.Javascript的简介 （1）为什么学习Javascript (作用)。

A、HTML+CSS只是可以有静态的页面，但是没有动态的效果。
B、JS可以实现表单数据的校验。
C、TAB菜单的切换。
D、背景图片的切换。
E、JS小游戏的开发。

（2）JS概念

直译式：不用编译，浏览器内核可以直接解释执行（脚本语言）。

弱类型：变量无类型，只有一种变量类型var。

（3）JS组成

ECMAscript: Javascript的核心。
文档对象模型(DOM) : DOM(文档对象模型)是HTML和XML的应用程序接口(API) 。DOM将把整个页面规划成由节点层级构成的文档。
浏览器对象模型(BOM) 对浏览器窗口进行访问和 *** 作。

JS缺点：各种浏览器支持Javascript的程度是不一样的，支持和不完全支持Javascript的浏览器在浏览同一个带有Javascript脚本的网页时，效果会有一定的.差距，有时甚至会显示不出来。

二.JS的声明和引入

script代码段不一定必须放到head中，但是建议放到head中，因为浏览器会先解析head。

way of introducing JS.html：

test.js：

alert("我就试试");

三.JS中的变量

[1] JS中变量的声明
var 变量名=值;
[2] JS中变量的使用注意的事项
A、js中的变量的名称和java中标识符的命名（可由数字，字母，下划线，$组成，但不能以数字开头）保持一致就可以了。
B、js中变量名称是可以重复的，但是后者的名称会把前者的名称值覆盖。
C、js中末尾即使没有分号结束也是可以的，但是不推荐大家这样书写。

四.JS中的数据类型

JS中的数据类型：
number (数字类型的数据)
string (字符串类型)
boolean (布尔数据类型)
object (对象类型)
JS中特殊数据类型：
undefined(未定义)
NaN(不是一个数字) not a number
null(空对象)

五.运算符 (1)常规运算符

算数运算符

+ - * / % ++ --
逻辑运算符

& I ! && || ^ < > <= = >= !=
连接符

+

（2）特殊运算符

(==)等值符
先比较类型，如果类型一致， 再比较内容
如果类型不一致，这时候会进行强制转换统一转number类型，然后再进行内容的比较
(===)等同符
先比较类型如果类型一致，再比较内容
如果类型不一致直接返回false;

六.控制语句

条件，分支，循环，和Java里使用方法一样。

七.函数