标签：定时器 浏览器 对象 09 js window BOM location
BOM浏览器对象模型
- 能够说出什么是BOM
- 能够知道浏览器的顶级对象window
- 能够写出页面加载事件以及注意事项
- 能够写出两种定时器函数并说出区别
- 能够说出JS执行机制
- 能够使用location对象完成页面之间的跳转
- 能够知晓navigator对象涉及的属性
- 能够使用history提供的方法实现页面刷新
1.BOM概述
BOM是浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，核心对象是window；BOM学习的是浏览器窗口交互的一些对象
2.window对象的常见事件
window.onload = function(){}新的方法：window.addEventListener("load",function(){})
如果页面中图片比较多，建议用DOMCtentLoaded事件,这个事件等DOM加载完毕，不等图片css就可以执行
调整窗口大小：window.onresize当窗口大小发生变化时就会触发这个事件
window.innerWidth获得当前尺寸的宽度；
3.两种定时器
window.setTimeout(调用函数，【延迟的毫秒数】)
回调函数callback
停止定时器：clearTimeout()
setInterval(回调函数，【间隔的毫秒数】)；这个方法重复调用一个函数，每隔这个时间，就去调用一次回调函数
停止定时器操作：clearIterval()
this指向问题：1.在全局作用域或普通函数中this指向全局对象window()注意定时器里面的this指向window
2.方法调用中谁调用This指向谁
3.构造函数中This指向构造函数的实例
4.js执行队列
js是单线程的,h5提出了Web Worker标准，允许js脚本创建多个线程，于是有了同步和异步
同步任务都在主线程上执行，形成一个执行栈
js异步任务是通过回调函数实现的。一般而言：异步任务有以下三种类型：1.普通事件：如click,resize;2.资源加载:load,error;3.定时器：setInterval,setTimeout异步任务相关回调函数添加到任务队列中
异步进程处理：如果还没有点击先放入异步进程处理，等点击了再调用
由于主线程不断的重复获得任务，执行任务，再获取任务，再执行，所以这种机制被称为事件循环
5.location对象
location对象给我们提供了一个location属性用于获取或设置窗体的URL统一资源定位符，并且可以用于解析URL。
location.href获取或者设置整个URL；location.search返回参数
6.navigator对象
知晓浏览器用了哪个浏览器，手机还是电脑
7.history对象
back()后退功能；forward()前进界面；go(参数)
标签：定时器,浏览器,对象,09,js,window,BOM,location 来源： https://blog.csdn.net/Carol_x/article/details/122205525
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。