一、BOM
1.BOM浏览器对象模型
①把浏览器当做一个对象来看带
②BOM的顶级对象是window
③BOM比DOM对象更大,包含了DOM
2.Window对象的常见事件
① window.οnlοad=function(){}或者
window.addEventListener("load",function(){})
window.onload是窗口页面的加载事件,当文档内容完全加载完成会触发该事件(包括图像、脚本文件、css文件等),就调用的处理函数
document.addEventListener('DOMContentLoaded',function(){})
是DOM加载完毕,不包括(图片,flash css等就可以执行js,加载速度比load更快一些)
②window.οnresize=function(){}或者
window.addEventListener("resize",function(){});
window.onresize是调整窗口大小事件,当出发时就调用处理函数
window.innerWidth当前窗口的宽度
window.innerHight当前窗口的高度
③定时器
window对象给我们提供了2个非常好用的方法-定时器
setTimeout()
setInterval()
window.setTimeout(调用函数,[延迟的毫秒数]);
setTimeout()方法用于设置一个定时器,该定时器在定时器到期后执行调用函数
调用函数可以直接写函数还可以写函数名
④停止定时器
clearTimeout()
里面的参数就是定时器的标识符
setInterval(调用函数,[延迟的毫秒数]) 这个计时器是每隔一个延迟的毫秒数就会执行调用函数
3.JS执行机制
3.1JS是单线程
JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做同一件事。
3.2同步和异步
同步:前一个任务结束后再去执行后一个任务,程序的执行顺序与任务的排列是一致的
异步:如果上一个任务执行时间比较长可以先进行下一个任务
3.3执行机制
①先执行执行栈里的同步任务
②异步任务放入任务队列中
③同步任务执行完毕后,系统会读取任务队列的异步任务,于是被读取的异步任务结束等待状态,进入执行栈开始执行。
4. location对象
4.1什么是location对象?
window对象给我们提供了一个location属性用于获取或设置窗体的URL,并且可以用于解析URL。因为改属性返回的是一个对象,所以我们也将这个属性成为location对象。
4.2URL 解释URL是统一资源定位符是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它
4.3location对象的属性
location.href 获取或设置整个URL
location.host 返回主机
location.post 返回端口号
location.pathname 返回路径
location.serch 返回参数
location.hash 返回片段 #后面内容 常见于链接和锚点
4.4location对象方法
location对象方法 返回值
location.assign() 跟href一样,可以跳转页面,可以后退
location.replace() 替换当前页面,因为不记录历史所以不能后退
location.reload() 重新加载页面,相当于刷新按钮或者f5 如果参数为true 强制刷新ctrl +f5
4.5history对象
history对象方法 作用
back() 可以后退功能
forward() 前进功能
go(参数) 前进后退功能 参数如果是1前进一个页面,如果是-1后退一个页面
BOM知识点
最新推荐文章于 2024-10-02 05:39:15 发布
本文详细介绍了浏览器对象模型(BOM)中的核心对象——Window,包括其事件如onload、onresize,以及定时器setTimeout和setInterval的使用。同时,讲解了JavaScript的执行机制,强调了单线程、同步与异步的概念。此外,还讨论了location对象用于页面URL的获取和设置,以及history对象实现页面导航的功能。
摘要由CSDN通过智能技术生成