JavaScript BOM 浏览器对象模型

最新推荐文章于 2025-12-10 20:37:40 发布

原创最新推荐文章于 2025-12-10 20:37:40 发布 · 459 阅读

CC 4.0 BY-SA版权

文章标签：

本文详细介绍了JavaScript中的浏览器对象模型(BOM)及其与window对象的关系，包括窗口操作方法如open、close、moveTo和resizeTo，以及如何通过URL传递跳转参数和使用setInterval和setTimeout实现定时任务。

浏览器对象模型（Browser object model）简称 BOM。Js 通过 BOM 和浏览器进行交互，可以获

取屏幕尺寸，窗口大小，页面地址，历史记录等浏览器相关信息，也可以控制浏览器执行某些行

为：弹出信息，页面跳转，打开窗口，关闭窗口，调整窗口大小等。

浏览器对象模型用 window 对象来表示，所有 JavaScript 全局变量、全局函数会自动成为

window 对象的成员。DOM 的 document 也是 window 对象的一个属性。

window.open()：打开新窗口

window.close()：关闭当前窗口

window.moveTo()：移动当前窗口

window.resizeTo()：调整当前窗口的尺寸

eg:

<button  onclick="isOpen()">打开百度</button>

<script>

function  isOpen(){

myBaidu  =  window.open('http://www.baidu.com');

}

</script>

跳转传参（重点）：

跳转传参指在页面跳转时，将部分数据拼接到 URL 路径上，一并跳转到另一个页面上。

另一页面可以通过 window.location.search 接收此参数。并配合 slice 将多余符号切割掉。

永久性定时器，每隔一段时间执行一次

setInterval(执行函数,毫秒)：永久性定时器，每隔一段时间执行一次。

clearInterval(永久性定时器)：清除永久性定时器。

setTimeout(执行函数,毫秒)：一次性定时器，一定时间后执行一次。

clearTimeout(一次性定时器)：清除一次性定时器。