JS相关知识点复习

1. 简介

JS是一种脚本语言；

BOM：浏览器对象类型；

DOM：文档对象类型；

HTML、CSS与JS的关系：HTML是骨架，css负责美化界面，JS负责实现功能。

想要使用JS有两种方法：分别是在内部使用<script>标签在html页面种嵌入js代码和使用外部js文件

常用的js调试方法：alert弹框调试与Console.log控制台调试

2. 数据类型

可以分为普通数据类型与特殊类型

需要注意的是，JS的变量在定义时并不区分数据类型，而是会根据赋值自动转换为相应的类型，它没有int之类的关键词，是一种弱数据类型的语言。在实际使用是，js的变量还是会区分数据类型的。

类型转换

类型转换可分为强制类型转换与隐式类型转换两种。

隐式类型转换一般由js引擎自动完成,需要强制转换时可以使用parseInt（）、parseFloat（）、Number（）、Boolean（）进行转换。其中parseInt（）函数与ParseFloat（）函数会将出现的第一个无效字母及无效字母后的数字进行忽略，但如果无效字母在首位，结果返回NaN；Number（）函数不忽略无效字母，他会直接返回NaN。另外如果变量为“”或null，parseInt函数与parseFloat函数会返回NaN，Numner会返回0；

当变量为0、null或“”时，Boolean（）函数会返回false，其他返回true。

isNaN（）函数用于判断一个变量能否转换为数字，能则返回false，否则返回true。

变量作用域

同名的局部变量的优先级要高于全局变量。

3. 函数

自定义函数

自定义函数是完成某一功能的代码段，可以重复执行，方便管理和维护。

在js种，自定义函数有两种创建方法，分别是函数声明与函数表达式。

在实际开发种，我们应尽量遵循先定义后使用的原则。

内置函数

另外replace（要替代的str，替换后的str）函数，只会替换第一次出现的str。

substr（）第一个参数为起始位置，第二个参数为长度；

substring（）第一个参数为起始位置，第二个参数为结束位置。

indexOf（）第一个参数为要查找的字符串，第二个参数为从第几位开始查找。

对于数学函数，Math.round()函数与var.toFixed()都会进行四舍五入的操作，前一个是取整，后一个根据传入参数的位数选择保留几位小数。

Math.random()的返回值是在[0,1)之间的随机值，floor（Math.random()*10）+ 1 的返回值是[0,10]之间的返回值，因为floor（）函数会向下取整。

此外在使用过程中还可能会用到内置函数。

运算符

使用时需要注意运算符的优先级

控制语句

和其他语言一毛一样。

数组

声明或创建数组

数组的遍历有两种方法

在实际使用种，建议使用前一种。当数组越界时，会报underfine的错误。

表单元素设置

表单：表单的主要作用是在客户端接收用户的信息，然后将数据递交给后台的程序来操控这些数据。

在表单中，js负责设置或获取各种表单元素的值。

常用函数有：

input：

document.getElementById(id名)；

注：一般js使用id，后台使用name。

select：

document.getElementsByName(name名)；

document.getElementById(控件名).option.add(new Option(名称，值));

document.getElementById(控件名).length;

document.getElementById(控件名).selectedIndex = Math.round(n/2);//选中某一控件

document.getElementById(控件名).options.remove(索引号);

图片设置：

document.getElementById(控件名).src = "...";

事件

事件是指被程序发现的行为或发生的事情，而且它可能会被程序处理。对于事件应关注：什么时间发生，发生什么事情。

事件的分类

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

将文档（页面）表现为结构化的表示方法，使每一个页面元素都是可操控的，DOM将网页和脚本以及其他的编程语言联系了起来。

js可以控制页面的所有元素。

常用dom操作