BOM
BOM即浏览器对象模型,它提供了对立于内容而与浏览器窗口进行交互的对象,其核心对象是window。
window对象的常见事件
窗口加载事件
1.window.onload = function(){}只能写一个注册事件,如果有多个以最后一个为准
2.window.addEventListener("load",function(){});没有个数限制
窗口(页面)加载事件,当文档内容完全加载完成会触发该事件(包括图像、脚本文件、css文件等),就调用的处理函数,有了这个函数,就可以把js写到任何地方,因为onload会等页面加载完毕再执行函数
3.document.addEventListener('DOMContentLoaded',function(){});DOM文档加载完就能执行函数,不包含图片,falsh,css,就可以执行,速度比lode更快一些
调整窗口大小事件
定时器
window.setTimeout(调用函数,延时调用时间);延时单位是毫秒,省略不写默认是0,一秒等于一千毫秒,页面中定时器很多,我们通常给定时器加标识符(名字)
setInterval()反复调用一个函数
区别,setTimeout延时时间到了,就去调用这个回调函数,只能调用一次,就结束了这个定时器
setInterval 每隔这个延时时间,就去调用这个回调函数,会调用很多次,重复调用这个函数
清除定时器:clearTimeout(id)、clearInterval(id)
js执行机制
location对象
url统一资源定位符是互联网上标准资源的地址,互联网上的每一个文件都有一个唯一的URL,它包含的信息指出文件位置及浏览器应该怎么处理它。
history对象
window对象给我们提供了一个history对象,与浏览器历史记录进行交互,该对象包含用户(在浏览器窗口中)访问过的URL。