JavaScript BOM操作

 

 

目录

 

前言

 window 对象

location 对象

navigator 对象

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 的一部分。