JavaScript BOM 浏览器对象模型

BOM，即浏览器对象模型，提供了与浏览器交互的对象。这些对象包括窗口（Window）、导航器（Navigator）、位置（Location）、历史记录（History）等。以下是一些关于JavaScript BOM的详细代码示例：

1.窗口对象

javascript// 获取窗口的宽度和高度
var width = window.innerWidth;
var height = window.innerHeight;

// 获取浏览器窗口的滚动条位置
var scrollX = window.pageXOffset;
var scrollY = window.pageYOffset;

// 打开新窗口
window.open('http://www.example.com', '_blank');

2.导航器对象

javascript// 获取浏览器的名称、版本、平台等信息
var browserName = navigator.appName;
var browserVersion = navigator.appVersion;
var platform = navigator.platform;

3.位置对象

javascript// 获取当前页面的URL
var currentURL = window.location.href;

// 获取URL的路径名、查询字符串等部分
var pathname = window.location.pathname;
var search = window.location.search;

4.历史对象

javascript// 前进到历史记录中的下一页
window.history.forward();

// 回到历史记录中的前一页
window.history.back();

5.屏幕对象

javascript// 获取屏幕的宽度和高度
var screenWidth = screen.width;
var screenHeight = screen.height;

6.事件处理

javascript// 添加事件监听器，例如点击事件
document.getElementById('myButton').addEventListener('click', function() {
alert('按钮被点击了！');
});