JavaScript BOM深入解析：聚焦window对象

139 浏览量更新于2024-09-01 收藏 235KB PDF 举报

身份认证购VIP最低享 7 折!

30元优惠券

"这篇文章除了介绍BOM的基本概念和window对象，还涉及到了窗口操作，特别是window.open()方法的使用。" 在JavaScript的世界里，BOM（Browser Object Model）是一个非正式标准的浏览器接口，它允许JavaScript与浏览器进行交互，主要关注的是窗口(window)的操作。BOM的核心是window对象，它代表了用户浏览器的一个窗口。在这个窗口中，不仅包含了JavaScript的所有全局对象、函数和变量，而且DOM的document对象也被包含在内，尽管通常我们可以直接调用document而无需通过window引用。 1. **BOM简介**： BOM的主要作用在于处理浏览器特有的功能，如窗口管理、导航、弹出对话框等。由于BOM没有统一的标准，不同浏览器对BOM的支持存在差异，因此在编写代码时需要考虑到这些兼容性问题。 2. **window对象**： - **属性**：所有全局变量本质上都是window对象的属性，这意味着`var a = 10;`实际上等同于`window.a = 10;`。全局函数同样作为window对象的方法，如`function sayHello() {...}`相当于`window.sayHello = function() {...};` - **document属性**：window对象有一个重要的属性document，它表示当前HTML文档，可以用来访问和操作文档的元素。 3. **窗口操作**： - **open()方法**：用于打开新的浏览器窗口。基本语法是`window.open(url, name, features, replace)`，其中： - `url`：新窗口加载的URL。 - `name`：窗口的名称，用于识别和重用已存在的窗口。 - `features`：一个字符串，包含窗口的各种设置，如宽度、高度、位置等。 - `replace`：布尔值，决定新URL是否替换历史记录中的当前条目。举例来说，以下代码会在新窗口中打开百度首页，窗口大小为600x400，位于屏幕左上角10像素处： ```html <body> <input type="button" onClick="newWin()" value="点击我，打开新窗口!"> <script> function newWin() { window.open('http://www.baidu.com', '_blank', 'width=600,height=400,top=0,left=10'); } </script> </body> ``` 注意，由于浏览器的安全策略，某些情况下如`top=0`可能会被忽略，以防止恶意的弹窗行为。在实际开发中，了解并熟练运用BOM的window对象及其方法，可以帮助我们实现诸如控制窗口大小、位置、导航等丰富的功能，增强用户的交互体验。然而，由于跨浏览器兼容性的问题，开发者可能需要使用像jQuery这样的库来简化这部分的工作。同时，随着Web技术的发展，新的API如Web Storage、Web Workers、WebSocket等也成为了BOM的一部分，为JavaScript提供了更强大的浏览器交互能力。

资源详情

资源推荐

Javascript BOM学习小结学习小结(六六)

1、BOM简介。

　　所谓的BOM即浏览器对象模型（Browser Object Model）。BOM赋予了JS操作浏览器的能力，即window操作。DOM则用于创建删除节点，操作HTML文档。BOM尚

无正式的标准，导致各浏览器对于BOM方法的支持各有不同，因此需要具体问题具体对待。

2、window对象。

　　window对象是BOM的核心，window对象指当前的浏览器窗口。所有JS全局对象、函数以及变量都属于window对象。全局变量是window对象的属性。全局函数是

window对象的方法。甚至DOM的document也属于window对象的属性之一，只是大多数情况下可以忽略不写。

　　window对象方法：　　

3、窗口操作。

　　(1)、打开窗口。

　　open() 方法可用于打开新窗口。

　　语法：window.open(url, name/target, 窗口设置, replace)

　　该方法的三个参数都是可选的，默认在新页面打开一个空白页。第一个参数可设置要打开窗口的路径。第二个参数规定在何处打开新窗口，也可用于指定窗口的名称。

第三个参数设置窗口参数，多个参数可用逗号分隔。如果有第一个参数，后面两个参数可省略，则在新页面打开。第二个参数一般无需设置，如果要规定窗口的参数，则必

须有第二个参数，必须为’_blank’，或者用”,代替，并且距离屏幕顶部不能为0，否则失效，如果设置了左边距离，顶部可设置为0。最后一个参数规定加载到窗口的URL是在

窗口的浏览历史中创建一个条目，还是替换浏览器历史中的当前条目，值为true或false，值为true时URL替换浏览历史中的当前条目，为false时URL在浏览历史中创建新的

条目。

　　下表是一些常用的窗口设置参数：下表是一些常用的窗口设置参数：

　　实例：点击按钮，在新窗口打开百度首页，宽600，高400，距屏顶0像素，屏左10像素。

<body>

function newWin(){

window.open('http://www.baidu.com', '_blank', 'width=,height=,top=,left=');

}

</script>

</body>

　　该实例在IE下并不会打开一个自定义的窗口，而是新打开一个标签页。

下载后可阅读完整内容，剩余8页未读，立即下载

weixin_38733414

粉丝: 11
资源: 987

JavaScript BOM深入解析：聚焦window对象

JavaScript基础&BOM，学习Java第42天

JavaScript对象学习小结

javascript实现成绩统计小结

javascript应该如何学习

javascript完全学习手册 光盘

javascript学习这一篇就够了

Javascript 学习

JavaScript怎么快速学习

出五道和JavaScript的DOM和BOM有关的五道判断题

使用javascript制作一个网站，1.JavaScript基本语法的使用； 2.数组的基本使用； 3.对象的基本使用； 4.对象的基本使用； 5.DOM的基本使用； 6.BOM的基本使用； 正则表达式的基本使用。

javascript学习之路

javascript怎么进行学习

最好的javascript学习网站

let str=` html学习,css学习,javascript学习,模块学习,移动学习` 去掉前面空格将学习替换预习前面填充我爱后面填充学习

《javascript学习指南》 下载

我想学习JavaScript语言要学习哪些内容

JavaScript的BOM

JavaScript学习

javascript第六版电子书

javascript的md学习文档

最新资源

javascript完全学习手册光盘

使用javascript制作一个网站，1.JavaScript基本语法的使用； 2.数组的基本使用； 3.对象的基本使用； 4.对象的基本使用； 5.DOM的基本使用； 6.BOM的基本使用；正则表达式的基本使用。

《javascript学习指南》下载