第二章:JS

发布时间:2024年01月17日

1.介绍

在这里插入图片描述

2.引入方式

在这里插入图片描述

JS可以写在任意位置

下面是内部脚本
在这里插入图片描述

下面是外部脚本
在这里插入图片描述
在这里插入图片描述

3.基础语法-书写语法

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4.基础语法-变量

在这里插入图片描述
Var是一个全局变量
在这里插入图片描述
Let是一个局部变量
Let在代码块内可以获得x的值,在代码块外不能获得x的值
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
报错
在这里插入图片描述

5.基础语法-数据类型&运算符

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

第二个先发现12,到A的时候发现不是数据,直接输出12
第三个直接发现A,不是数字,直接输出NaN
在这里插入图片描述

Number转为boolean类型,除了0和NaN为false,其他全为true
在这里插入图片描述
在这里插入图片描述

字符串转为boolean类型,除了空字符串为false,其他全为true
在这里插入图片描述
null和undefined全为false
在这里插入图片描述
在这里插入图片描述

6.函数

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

7.对象-Array数组

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

length
在这里插入图片描述
在这里插入图片描述

forEach()
在这里插入图片描述
在这里插入图片描述

for循环是遍历所有的元素
forEach是遍历所有有值的元素
在这里插入图片描述
在这里插入图片描述

下面我们可以用箭头函数来简化上面的写法
在这里插入图片描述

push()
可以一次性添加多个元素
在这里插入图片描述
在这里插入图片描述

splice()
在这里插入图片描述
里面有两个参数,第一个参数为删除的起始索引位置
第二参数为删除几个
在这里插入图片描述
在这里插入图片描述

8.对象-String字符串

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

9.对象-JSON

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

下面这个简化写法也是可以的
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

10.对象-BOM

在这里插入图片描述
对于Java程序员来说,只要了解两个就行
window和location
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
confirm方法是由返回值的,如果我们点击确定,则返回true
如果我们点击取消,则返回false
在这里插入图片描述
下面为每隔两秒执行一次这个函数
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
获取到了地址栏中的信息
在这里插入图片描述
我们也可以设置地址栏中url
在这里插入图片描述
会跳转到我们指定的URL地址
在这里插入图片描述

11.对象-DOM

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

第一个按钮
在这里插入图片描述
第二个按钮
在这里插入图片描述
第三个按钮
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
5.
下面我们可以改变第一个div的文本内容,将其改变为新的值
在这里插入图片描述

12.DOM案例

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

1.灯泡点亮
换图片
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

13.事件-事件绑定&常见事件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

按钮1
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

onload()
在这里插入图片描述
在这里插入图片描述

onclick()
在这里插入图片描述
在这里插入图片描述

onblur/onfocus
在这里插入图片描述
在这里插入图片描述

onkeydown
在这里插入图片描述
在这里插入图片描述

onmouseover/onmouseout
在这里插入图片描述
在这里插入图片描述

onsubmit
在这里插入图片描述
在这里插入图片描述
表单提交是到新的页面
这个新的页面是看不到log的
所以这里使用alert
在这里插入图片描述

14.事件-案例

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

文章来源:https://blog.csdn.net/m0_72232218/article/details/135655951
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。