JavaScript是一种广泛用于Web开发的编程语言。其中,Window浏览器对象模型(BOM)为JavaScript提供了一系列操作浏览器窗口和文档的方法和属性,使得我们可以对网页进行更加灵活和精细的控制。本文将详细介绍JavaScript中常用的Window BOM 方法与属性。
Window对象
Window对象代表浏览器窗口,它是BOM的核心对象。可以使用以下代码来获取当前窗口的Window对象:
--- --------- - -------
窗口尺寸相关属性
Window对象提供了一些属性,用于获取或设置窗口的尺寸、位置等信息。
innerHeight / innerWidth
innerHeight 和 innerWidth 属性分别返回窗口内容区域的高度和宽度,不包括滚动条和边框。例如:
-------------------------------- -- -------- ------------------------------- -- --------
outerHeight / outerWidth
outerHeight 和 outerWidth 属性分别返回窗口外部的高度和宽度,包括滚动条和边框。例如:
-------------------------------- -- -------- ------------------------------- -- --------
screen
screen 属性返回一个包含有关用户屏幕尺寸和显示器的对象。例如:
--------------------------------- -- ------ ---------------------------------- -- ------
窗口位置相关属性
Window对象还提供了一些属性,用于获取或设置窗口的位置信息。
screenX / screenY
screenX 和 screenY 属性返回窗口相对于屏幕左上角的坐标。例如:
---------------------------- -- -------------- ---------------------------- -- --------------
pageXOffset / pageYOffset
pageXOffset 和 pageYOffset 属性分别返回文档在水平方向和垂直方向上滚动的像素数。例如:
-------------------------------- -- ----------- -------------------------------- -- -----------
窗口操作相关方法
Window对象还提供了一些方法,用于操作窗口。
alert()
alert() 方法用于弹出一个带有一条指定消息和一个OK按钮的警告框。例如:
------------- --------- -- ----------------- -------
confirm()
confirm() 方法用于弹出一个带有一条指定消息和OK和Cancel按钮的对话框,并返回用户的选择结果。例如:
--- ------ - ------------ --- -------- -- ---------------- -- -------- - ----------------- ------- ------ -- --------- - ---- - ----------------- ------- ---------- -- ------------- -
prompt()
prompt() 方法用于弹出一个带有一条指定消息、一个文本输入框和OK和Cancel按钮的对话框,并返回用户输入的文本。例如:
--- ------ - -------------- ---- -------- -- -------------- -- ------- --- ----- - ------------------- - - ------ - ----- -- ------ - ---- - ----------------- ---------------------------------------------------------- ---------- -------------------------------------------------------------------------------------