JavaScript Window 对象

窗口对象(Window Object)表示浏览器中的窗口。窗口对象(Window Object)由浏览器自动创建。

窗口是浏览器的对象,不是javascript的对象。javascript对象是字符串,数组,日期等。

注意:如果html文档包含框架或iframe,则浏览器会为每个框架创建其他窗口对象(Window Object)。

所有全局变量都是属性,函数是窗口对象(Window Object)的方法。

文档对象是窗口对象(Window Object)的属性。因此,输入

window.document.write("Hello world")

同等于:

document.write("Hello world")

窗口对象(Window Object)属性

下表列出了Window对象的属性:

属性描述
closed指示当前窗口是否关闭
console返回对指定台对象的引用,该引用提供对浏览器调试指定台的访问(请参见Console对象
defaultStatus设置或返回给定窗口的状态栏文本
document返回对该窗口包含的文档的引用(请参见Document对象
frameElement返回在其中插入当前窗口的<iframe>元素
frames返回当前窗口中的所有<iframe>元素
history返回对与窗口关联的历史记录对象的引用(请参见History对象
innerHeight返回包含滚动条的窗口内容区域(视口)的高度
innerWidth返回包含滚动条的窗口内容区域(视口)的宽度
length返回当前窗口中<iframe>元素的数量
localStorage允许将键/值对保存在Web浏览器中。存储没有到期日期的数据
location返回对与窗口关联的位置对象的引用(请参见Location对象
name设置或返回窗口名称
navigator返回对与窗口关联的导航器对象的引用(请参见Navigator对象
opener返回对创建该窗口的窗口的引用
outerHeight返回浏览器窗口的高度,包括工具栏/滚动条
outerWidth返回浏览器窗口的宽度,包括工具栏/滚动条
pageXOffset返回文档已经水平滚动的像素数
pageYOffset返回文档已经垂直滚动的像素数
parent返回当前窗口的父窗口
screen返回对与窗口关联的屏幕对象的引用(请参见Screen对象)
screenLeft返回窗口相对于屏幕的水平坐标
screenTop返回窗口相对于屏幕的垂直坐标
screenXscreenLeft的别名
screenYscreenTop的别名
scrollXpageXOffset的别名
scrollYpageYOffset的别名
sessionStorage允许将键/值对保存在Web浏览器中。存储一个会话的数据
self返回对窗口对象(Window Object)本身的对象引用
status设置或返回窗口状态栏中的文本
top返回对窗口层次结构中最顶层窗口的引用

窗口对象(Window Object)方法

下表列出了Window对象的方法:

方法描述
alert()显示带有消息和“确定”按钮的警报框
atob()解码base-64编码的字符串
blur()从当前窗口移开焦点
btoa()在base-64中编码一个字符串
clearInterval()清除使用setInterval()设置的计时器
clearTimeout()清除使用setTimeout()设置的计时器
close()关闭当前窗口
confirm()显示一个对话框,其中包含用户需要响应的消息
focus()将焦点设置到当前窗口
getComputedStyle()获取应用于元素的当前计算的CSS样式
getSelection()返回表示用户选择的文本范围的Selection对象
matchMedia()返回表示指定媒体查询字符串的MediaQueryList对象
moveBy()相对于当前位置移动窗口
moveTo()将窗口移至指定位置
open()打开一个新的浏览器窗口
print()打印当前窗口的内容
prompt()显示一个对话框,提示访问者输入
requestAnimationFrame()请求浏览器在下一次重绘之前调用函数来更新动画
resizeBy()按指定像素调整窗口大小
resizeTo()将窗口调整为指定的宽度和高度
scroll()不推荐使用。该方法已由scrollTo()方法代替。
scrollBy()按指定像素数滚动文档
scrollTo()将文档滚动到指定的坐标
setInterval()以指定的时间间隔(以毫秒为单位)调用函数或执行代码段
setTimeout()在指定的毫秒数后调用函数或执行代码段
stop()停止加载窗口