福建设计招聘网站aso优化教程
目录
前言
window 对象
location 对象
screen 对象
history 对象
前言
BOM（Browser Object Model）指的是浏览器对象模型，它是 JavaScript 和浏览器之间的接口。通过 BOM，JavaScript 可以与浏览器窗口交互，并控制浏览器的行为。
window 对象
window 对象表示浏览器窗口，并且是 BOM 的顶层对象。可以使用 window 对象来访问浏览器窗口的属性和方法，比如文档大小、滚动条位置、浏览器历史记录等。例如：
window.innerHeight; // 获取窗口的可见高度 window.open("http://www.example.com"); // 打开新窗口
location 对象
location 对象表示当前页面的 URL，并且是 window 对象的属性之一。可以使用 location 对象来获取或设置当前页面的 URL，或者跳转到新的页面。例如：
location.href; // 获取当前页面的 URL location.reload(); // 重新加载当前页面 location.replace("http://www.example.com"); // 替换当前页面的 URL
navigator 对象
navigator 对象表示浏览器本身，并且可以用来检测浏览器的类型和版本号，或者获取用户的地理位置信息等。例如：
navigator.userAgent; // 获取浏览器的用户代理字符串 navigator.geolocation.getCurrentPosition(successCallback, errorCallback); // 获取用户的地理位置信息
screen 对象
screen 对象表示用户的屏幕，并且可以用来获取屏幕的宽度、高度、像素密度等信息。例如：
screen.width; // 获取屏幕的宽度 screen.height; // 获取屏幕的高度 screen.pixelDepth; // 获取屏幕的像素密度
history 对象
history 对象表示浏览器的历史记录，并且可以用来访问和操作浏览器的历史记录。例如：
history.back(); // 返回上一页 history.forward(); // 前进到下一页 history.go(-2); // 返回前两页
这些是常用的 BOM 操作，还有其他的操作，比如窗口尺寸调整、屏幕截图、拖放等等，都是 BOM 的一部分。