JavaScript中的浏览器对象模型(BOM)包括JavaScript与Web浏览器进行交互的属性和方法。
BOM为您提供了一个窗口对象,例如,以显示窗口的宽度和高度。它还包括window.screen对象,以显示屏幕的宽度和高度。
您可以尝试运行以下代码以了解如何获取屏幕的高度和宽度-
<!DOCTYPE html> <html> <body> <script> document.write("Screen width: " + screen.width); document.write("<br>Screen width: " + screen.width); </script> </body> </html>
ECMAScript 是 JavaScript 的核心,但如果要在 Web 中使用 JavaScript,那么 BOM(浏览器对象模型)则无疑才是真正的核心。BOM 提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。多年来,缺少事实上的规范导致 BOM 有很多问题,因为浏览器提供商会按照各自的想法随意去扩展它。W3C 为了把浏览器中 JavaScript 最基本的部分标准化,已经将
浏览器模型概述 window 对象 Navigator 对象,Screen 对象 Cookie XMLHttpRequest 对象 同源限制 CORS 通信 Storage 接口 History 对象 Location 对象,URL 对象,URLSearchParams 对象 ArrayBuffer 对象,Blob 对象 File 对象,FileList 对象,FileReader 对象 表单,F
JavaScript可以获取浏览器提供的很多对象,并进行操作。 window window对象不但充当全局作用域,而且表示浏览器窗口。 window对象有innerWidth和innerHeight属性,可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后,用于显示网页的净宽高。 兼容性:IE<=8不支持。 'use strict'; ---- // 可以调整浏览器
我正在编写一个使用水豚和网页对象模型的网络应用程序的框架。这是我第一次编写自己的框架并使用PoM进行自动化。 我的基本“页面对象”本质上是初始化驱动程序,并在每个其他页面对象子类中使用(用于各个页面) 在PoM的大多数示例中,我看到返回该页面对象实例的方法,但通常它们使用一些传递的实例变量。在我的测试脚本中,我简单地通过调用Base page对象类的一个实例,然后然后创建另一个的新实例通过页面对象
window对象 BOM的核心是window,它表示浏览器的一个实例,既是通过JavaScript访问浏览器窗口的一个接口,又是global对象。 全局作用域 由于window对象扮演着global对象的一个角色,因此在全局作用域中定义的变量、函数都会变成window对象的属性。 var age = 10; function sayAge () { alert(this.age); }
Location Location 对象存储在 Window 对象的 Location 属性中,表示那个窗口中当前显示的文档的 Web 地址。 location方法 assign(URL) 加载新的URL文档。 location.assign("://www.baidu.com"); reload() 重新加载当前文档 window.location.reload(); replace(newUR