JS_DOM/BOM要点_3

最新推荐文章于 2025-11-24 02:17:16 发布

原创最新推荐文章于 2025-11-24 02:17:16 发布 · 535 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

入门进阶同时被 3 个专栏收录

12 篇文章

订阅专栏

javascript

3 篇文章

订阅专栏

BOM

1 篇文章

订阅专栏

本文介绍了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)