BOM(Browser Object Model)是浏览器对象模型,它提供了访问和操作浏览器窗口及其相关对象的接口,包括窗口、框架、历史记录、位置、导航等信息。常见的BOM对象包括window、location、navigator、screen等。下面是对BOM对象的简要介绍以及相关代码示例:
window对象
window对象表示当前浏览器窗口,它是BOM的核心对象之一,也是默认的全局对象。window对象提供了许多方法和属性,例如setTimeout、alert、confirm、location、navigator、screen等。示例代码如下:
// 弹出提示框
window.alert("Hello World");
// 在3秒后执行函数
window.setTimeout(function() {
console.log("3 seconds passed");
}, 3000);
// 获取当前页面的URL
const url = window.location.href;
// 获取用户的浏览器信息
const browserInfo = window.navigator.userAgent;
location对象
location对象表示当前窗口的URL,它提供了许多与URL相关的方法和属性,例如href、hostname、pathname等。示例代码如下:
// 跳转到指定的URL
location.href = "https://www.example.com";
// 获取当前URL的hostname
const hostname = location.hostname;
// 获取当前URL的pathname
const pathname = location.pathname;
navigator对象
navigator对象表示当前浏览器的信息,例如浏览器类型、版本、操作系统等。示例代码如下:
// 获取用户的浏览器信息
const browserInfo = navigator.userAgent;
// 获取浏览器的语言设置
const language = navigator.language;
screen对象
screen对象表示当前显示器的信息,例如显示器的分辨率、像素密度等。示例代码如下:
// 获取屏幕的宽度和高度
const screenWidth = screen.width;
const screenHeight = screen.height;
// 获取屏幕的像素密度
const pixelDensity = screen.devicePixelRatio;
以上是常见的BOM对象及其相关方法和属性