JavaScript

一.JavaScript脚本说明

​ 1.JavaScript是一门前端的脚本语言，它是面向对象，并且它是基于对象的。

​ 2.JS是一门弱类型语言，它对于类型提供了自动转换机制，且对类型不太敏感，对大小写依然敏感。

​ 3.JS是一门很脆弱的语言，在JS代码中，只要有某一行发生错误，那么该段的JS就整体失效了。

二.JavaScript基本用法

1、JS如何使用？

在页面中通过 script 标签引入即可，script标签可以放在页面的任何位置，script标签会从上到

下依次加载，如果某个组件需要依赖于另外一个组件，那么该组件需要被优先加载。

2、JS基础语法

JS使用 var 关键字定义变量，它是一个局部变量，如果某个变量不加var前缀标识，那么它是一个

全局变量。

JS的数据类型：number、string、boolean

JS是一门弱类型语言，它在处理语法转换时提供了默认的类型转换，只要我们需要的结果JS可以转

换，那么直接写相关的表达式即可。

​ 1）、在JS中，字符串 + 运算依然标识字符串拼接。

​ 2）、在JS中，只要不是明确的 null、false、0 ，那么都可以被转换为true作为逻辑控制语句

​ 的判断条件。

JS支持基本的流程控制语句：

​ if…else if … else…

​ switch…case…

​ while(){…}

​ do…while(){…}

​ for(){…}

​ for…in(){…}

三.JavaScript函数

​ 在JS中，函数分为 普通函数和匿名函数等。

​ JS通过 function 关键字定义函数，一个函数必须的结构 ： function 方法名 方法体JS函数中，参数无需设置参数数据类型，且参数是可变参数集合，JS将调用函数的时传递的参数放到一个arguments参数集合中，我们可以通过集合名称去进行判断、调用。JS函数不需要返回值，

​ 如果想要某个函数返回数据给调用者，那么只需在函数中使用return关键字即可。

四.JavaScript操作BOM及DOM

JS内置了很多内置对象供我们使用。

最常使用的对象有：

​ window——代表整个当前浏览器窗口对象

​ location——代表浏览器地址栏对象的引用。常用属性有：href、pathname、search，经

常用于完成请求切换。

​ history——代表浏览器的历史记录对象。常用方法有：go() 。经常用于完成页面的浏览记

录跳转。

​ document——代表浏览器中的文档流对象。

​ 在一个文档流中，所有的页面标签都可以被获取，当作一个元素对象（节点对象）来使

用。

获取文档中元素节点对象的常用方法：

​ getElementById——用于通过元素的ID属性获取某个确定的元素标签对象。

​ getElementsByName——用于通过元素的name属性获取一个元素集合。

​ getElementsByTagName——用于通过元素标签名称获取元素集合。一般用于获取

一个元素的子集节点集合。

​ parentNode——该属性用于获取一个元素对象的父节点对象

操作文档对象的常用方法：

​ createElement() —— 新建元素节点方法

​ innerHTML / innerTEXT —— 获取/设置元素内部代码段（文本段）

​ appendChild() —— 用于向节点中添加元素（剪切），默认将节点追加在尾部

​ insertBefore() —— 用于向节点中添加元素，并指定添加位置

​ removeChild() —— 从节点中移出子节点

​ replaceChild() —— 将节点中对应的元素进行替换

操作元素属性：

​ 1、对标签的原始属性可以直接通过属性名称操作

​ 2、对标签的任意属性可以通过 getAttribute() 、 setAttribute()