第二章:JS

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.事件-案例

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

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

  • 10
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值