Day07JavaWeb第七次笔记---JavaScript的使用

目录

一、数据类型 74

1.1==与=== 74

1.2数据类型转换 74

 总结：

 二、 函数 75

三、trim使用 77

四、BOM 77

五、DOM 80

六、事件监听 81

---

一、数据类型 74

1.1==与=== 74

==：

解释：

两者的数据类型不一样，在Java中返回值为false，但是在Javascipt中，两者的数据类型首先会进行一个数据类型转换 

 

 ===：全等于

==与===的区别：

就是两者之前不会有类型转换的区别。

1.2数据类型转换 74

解释：字面值就是要转换的哪个数据是什么类型 

 解释：在false前面添加+后，发现这个flag转换成了数字，true：1，flase：0。

 解释：此时的这个数字0会转换成flase。

解释：此时的这个数字3会被转换成true。数字类型转换成布尔类型

注：

对于字符串类型的数据，通常会先进行健壮性判断。

判断的依据：字符串是不是空的并且字符串的长度大于0

 在JavaScipt中可以简化写成以下的形式：

 总结：

 二、 函数 75

 注：

1、设定的函数中的参数不需要设定形参的类型信息。

2、返回值也不用设定数据类型。

注：JS中的函数调用，和函数方法中的形参个数没有关系。 

 

解释：定义要求的是形参有两个，但是该语句中是三个参数，结果就是等于3。因为1，2都分别的传递给了a、b。剩下的数据3没有任何的形参能够来接收，不用在乎处理他，甚至是后面有很多个形参1，2，3，4，5，6......都不影响最后的输出结果。

解释：少于定义的形参个数的是，调用函数处填写了一个形参，结果是：NaN。

调用的函数会依旧进行执行程序，本例子中是add，那么就是“1+NaN”，这样的结果自然而言的也是NaN。

三、trim使用 77

解释：

使用trim方法来将字符串的前后端的空白进行去掉。这个方法需要用的比较多。属于表达验证。

用途：可用于比如说账号的登陆，在输入用户名时，用户名最后多输入了空格。

四、BOM 77

 BOM对象：每打开的一个windows窗口就是一个BOM对象。

注：

方法二：

解释confirm（）：该语句主要的作用是，防止误操作等问题。如下图： 点击之后出现这个框的提示。 

方法三：

通过一定时间的定时，会自动显示出相应的内容，比如下图所示的图片定时滚动！

实质：定时的操作一段代码程序。

五、DOM 80

修改html页面的操作

 

 再上面进行元素获取之后，再进行修改操作。

 注：

修改url，图像的路径信息。

六、事件监听 81

表单的验证：