JavaScript之BOM

最新推荐文章于 2025-08-09 20:51:19 发布

原创最新推荐文章于 2025-08-09 20:51:19 发布 · 209 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了浏览器对象模型(BOM)的核心概念，包括window对象的作用域、窗口位置、导航及系统对话框等特性。同时，文章还探讨了location对象提供的导航功能及与当前窗口加载文档相关的信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

BOM（浏览器对象模型）是Web中使用JavaScript的核心。BOM的核心是window对象。

一、window对象

1.全局作用域
在全局作用域中声明的变量、函数都会变成window对象的属性和方法。可以通过window对象之间访问。

var age = 19;

function sayAge(age){
    alert(age);
}

alert(window.age);
window.sayAge();

2.窗口位置
IE 、Safari、Opera和Chrome都提供了screenLeft和screenTop属性，分别表示窗口相对于屏幕左边和上边的位置。而Firefox则是用screenX和screenY表示。可以像下面这样解决跨浏览器问题：

var leftPos = (typeof window.screenLeft=="number")? window.screenLeft : window.screenX;

var topPos = (typeof window.screenTop=="number")? window.screenTop : window.screenY;

3.导航和打开窗口
window.open() 可以导航到一个特定的URL，也可以打开一个新的浏览器窗口。这个方法接收4个参数：要加载的URL、窗口目标、一个特性字符串以及一个表示新页面是否取代浏览器历史记录中当前加载页面的布尔值。

4.系统对话框
1）alert()
2) confirm()
3) prompt()

二、location对象
location对象提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。
1）属性
hash “#contents”
host “www.wrox.com:80”
hostname “www.wrox.com” 不带端口
href “http:/www.wrox.com”
pathname “/WileyCDA/”
port “8080”
protocol “http: ”
search “?q=javascript”

2）location.assign()

location.assign("http:/www.wrox.com");

可以立即打开新的URL并在浏览器的历史记录中生成一条记录。

三、navigator对象
1.检测插件

2.注册处理程序

四、screen对象

五、history对象

history.go(-1);
history.go(1);

history.back();
history.forward();