js初步

一、Javascript 组成

1、核心，ECMAscript(最新第六版)

2、DOM，文档对象模型（Document Object Model）

3、BOM，浏览器对象模型（Browser Object Model）

 

二、Javascript 特点（脚本语言）

1、解释性执行的        |        2、基于对象的         |        3、简单弱类型的

4、相对安全的         |        5、事件驱动             |          6、跨平台

 

三、引入方式

1、内部书写：在html文档中直接书写<script type="text/javascript"></script>

2、外部引入：<script type="text/javascript" src="js文件路径”>

        （写在head中就先执行js；写在body的后面最后执行）

 

四、输出

1、提示弹窗       （alert（警告窗）  |   confirm（确认信息窗）   |   prompt（提示信息窗））

2、控制台打印    （console.log("xxxxxxxx")）

3、文档输出        （document.write("xxxxxxx")）

 

五、变量

1、直接量：程序直接使用的数据值

2、变量：用  var 关键字定义的一个存储空间，用以存储数据

（js的变量是弱类型的，可以用来保存任何类型的数据）

（1）var操作符：定义变量

（2）变量命名规范： 

1⃣️、由数字、字母、下划线、美元符构成，第一个字符不能为数字

2⃣️、驼峰命名法：从第二个关键单词开始首字母大写

3⃣️、避免和系统关键字重复

4⃣️、区分大小写

 

六、基本数据类型（可用typeof获取数据类型）

1、number         数字类型

2、undefined     未定义类型

3、null                空类型

4、boolean         布尔类型（true   |    false）

5、string             字符串类型

 

七、操作符

（1）赋值操作符     =

（2）算数操作符    +   -    *     /    %

1⃣️加法：还具有字符串拼接功能，即当在字符串中用到+ ，其他类型会自动转化为字符串类型，与字符串进行拼接；

2⃣️-   *  /：这三个运算遇到字符串时，字符串会按照ASCii表对字符串进行转值，然后进行正常的运算

3⃣️复合运算符： +=    *=    -=    /=     %=

（3）关系操作符（返回值是布尔值）     >    <     >=    <=      !=       ==     ===

1⃣️==：只要值相等便可返回 ；        ===：需要类型和数据值都相同才行 

（4）条件操作符（三目运算符）

a >  b  ? (  表达式1[true] ) :  ( 表达式2 [false]  )

（5）逻辑操作符   （与   或   非）     &&     ||    ！  

非0为true：0   null  undefined  NaN   '''

1⃣️NaN（not a number ）:数学表达式计算失败的情况下返回的（判断：isNaN()）

2⃣️短路现象：（1）短路与：一假即假

     （2）短路或：一真即真

（6）递增和递减操作符：++   （i++       ++i）

      --     （i--         --i）

操作符优先级：

 

八、获取元素

（1）getElementById()

（2）getElementsByTagName()

（3）getElementsByName()

（4）getElementsByClassName()

h5新增：

（5）querySelector()：通过CSS的选择器查找元素（只能查找一个）

（6）querySelector()：通过CSS的选择器查找元素（能查找所有）

 

获取元素的链式写法：

document.getElementById(“out”).getElementByName(“in”)

                                                                           除id外