JavaScript是一种广泛用于Web开发的编程语言。其中，Window浏览器对象模型（BOM）为JavaScript提供了一系列操作浏览器窗口和文档的方法和属性，使得我们可以对网页进行更加灵活和精细的控制。本文将详细介绍JavaScript中常用的Window BOM 方法与属性。
Window对象
Window对象代表浏览器窗口，它是BOM的核心对象。可以使用以下代码来获取当前窗口的Window对象：
var windowObj = window;
窗口尺寸相关属性
Window对象提供了一些属性，用于获取或设置窗口的尺寸、位置等信息。
innerHeight / innerWidth
innerHeight 和 innerWidth 属性分别返回窗口内容区域的高度和宽度，不包括滚动条和边框。例如：
console.log(window.innerHeight); // 打印窗口内部高度 console.log(window.innerWidth); // 打印窗口内部宽度
outerHeight / outerWidth
outerHeight 和 outerWidth 属性分别返回窗口外部的高度和宽度，包括滚动条和边框。例如：
console.log(window.outerHeight); // 打印窗口外部高度 console.log(window.outerWidth); // 打印窗口外部宽度
screen
screen 属性返回一个包含有关用户屏幕尺寸和显示器的对象。例如：
console.log(window.screen.width); // 打印屏幕宽度 console.log(window.screen.height); // 打印屏幕高度
窗口位置相关属性
Window对象还提供了一些属性，用于获取或设置窗口的位置信息。
screenX / screenY
screenX 和 screenY 属性返回窗口相对于屏幕左上角的坐标。例如：
console.log(window.screenX); // 打印窗口相对于屏幕左侧的距离 console.log(window.screenY); // 打印窗口相对于屏幕顶部的距离
pageXOffset / pageYOffset
pageXOffset 和 pageYOffset 属性分别返回文档在水平方向和垂直方向上滚动的像素数。例如：
console.log(window.pageXOffset); // 打印文档水平滚动像素数 console.log(window.pageYOffset); // 打印文档垂直滚动像素数
窗口操作相关方法
Window对象还提供了一些方法，用于操作窗口。
alert()
alert() 方法用于弹出一个带有一条指定消息和一个OK按钮的警告框。例如：
alert("Hello, world!"); // 弹出一个警告框，显示"Hello, world!"confirm()
confirm() 方法用于弹出一个带有一条指定消息和OK和Cancel按钮的对话框，并返回用户的选择结果。例如：
var result = confirm("Are you sure?"); // 弹出一个确认框，询问用户是否确定
if (result) {
console.log("User clicked OK."); // 用户点击了OK按钮
} else {
console.log("User clicked Cancel."); // 用户点击了Cancel按钮
}prompt()
prompt() 方法用于弹出一个带有一条指定消息、一个文本输入框和OK和Cancel按钮的对话框，并返回用户输入的文本。例如：
var result = prompt("What's your name?"); // 弹出一个对话框，询问用户姓名
if (result !== null) {
console.log("Hello, " + result + "!"); // 显示欢迎消息
} else {
console.log("User
> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/2720) ，转载请注明来源
[https://www.javascriptcn.com/post/2720](https://www.javascriptcn.com/post/2720)