是浏览器对象
目录
是浏览器对象
BOM概述:
Windows常见的对象事件:
窗口加载事件:
传统方式:
新的加载方式:
回调函数:
调整窗口大小事件:
定时器setTimeout:
定时器setInterval()定时器:
this指向问题:
JS的执行队列:
同步任务和异步任务执行的机制:
location对象常见属性:
获取URL参数:
Location的常见方法:
navigator对象:
history对象:
BOM概述:
Windows常见的对象事件:
窗口加载事件:
该方式主要实现的是能够先将,HTML进行后,能够将JS对应起来。 使得JS的代码可以放在HTML代码的前面
传统方式:
新的加载方式:
回调函数:
定时器也叫回调函数(需要等待事件才会执行)
调整窗口大小事件:
window.innerWidth 获取当前屏幕的宽度
window.innerHeigt获取当前屏幕的高度
定时器setTimeout:
只会执行一次
在进行调用的时候windows可以进行省略
单位是毫秒
可以直接写入函数名,如果想用字符串的形式,需要加括号
可以将其赋值给一个实现多个定时器同时起作用的效果
停止定时器:
ID是名字(标识符)
定时器setInterval()定时器:
他是每隔一段时间就调用一次该函数
停止计时器:
null确定的是空对象
倒计时案例:
+new Date()是获取现在时间的总毫秒数
+new Date(TIME)TIME是用户输入的时间,获取到用户输入时间的总毫秒数
也可以使用Date.now()来获取
发短息,验证码的案例:
在这里需要注意的是button里面的内容是通过innerHTML实现改变的而不是value
this指向问题:
JS的执行队列:
JS是单线程的
同步任务和异步任务执行的机制:
因此,该代码输出的是:1,2,3
当有多个异步任务时:即异步任务进程处理机制:
会先进行同步任务,之后如果有回调函数会进行回调函数,但如果是事件(如点击,按键的等),会在回调函数后,但这个事件时可以重复进行的。
location对象常见属性:
herf主要是关于链接跳转的问题的
search主要是来接参数,数据的问题。
search可以获取先在链接里输入自己想要导向的之后,在location中的search中是可以体现的
也是可以获取传输的数据的
链接跳转案例:
location.herf获取的是当前页面的url但是可以,进行赋值跳转到自己想要导向的链接。 默认是新打开一个窗标签进行跳转
获取URL参数:
下面是数据(数据是location.search)参数的截取使用:方式有很多
同时就可以实现一个窗口多个HTML文件之间的交互效果,数据的传递效果
Location的常见方法:
assign这个跳转是在当前窗口标签的打开的,有后退功能
replace没有后退功能
navigator对象:
实现获取浏览器信息,适应性显示页面
match后是正则表达式。
history对象:
实现主动提供网址的前进和后退