本文介绍了JavaScript中与浏览器交互的重要概念，包括BOM的onload和DOMContentLoaded事件，它们分别在页面完全加载和DOM结构构建完成后触发。此外，讲解了window.onresize事件在响应式布局中的应用，以及如何使用setTimeout和setInterval进行定时任务。同时，详细阐述了location对象用于获取URL和参数的方法，以及navigator.userAgent用于判断设备类型。最后提到了history对象，但未展开详细说明。
BOM：浏览器对象模型
a) onload: 等页面内容全部加载完毕，才执行
b) DOMContentLoaded: DOM加载完毕，不包含图片、CSS、flash等就可以执行，加载速度比onload更快一些
调整浏览器窗口大小事件：window.onresize = function(){ } 响应式布局 //例如淘宝的缩小，会使页面某部分消失
定时器：1.var timer = setTimeout(函数，延迟时间)
2.var timer = setInterval(函数，间隔时间)
3.清除定时器 clearTimeout(timer)
Location
获取URL：location.href获得整个URL地址信息
获取参数：location.search获得从?开始的信息 //eg:? user = lilei & pwd = 111
Navigator
获取浏览器的终端（判定是移动端还是PC端）：navigator.userAgent
History
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
