文章导航

JavaScript window 对象

2018-2-3 22:04| 作者: antzone| 查看: 1804| 评论: 0|来自: 蚂蚁部落

window对象表示一个浏览器窗口、<frame>或者<iframe>。

此对象是一个全局对象,所有的javascript的元素都是在此对象环境中运行的。

所有属性和方法集合都可以直接使用,不需要使用window对象来引用。

代码实例:

[JavaScript] 纯文本查看 复制代码运行代码
window.alert("蚂蚁部落");

以上方法可以写成以下形式:

[JavaScript] 纯文本查看 复制代码运行代码
alert("蚂蚁部落");

window对象实现了ECMAScript中定义的所有全局方法和属性。

以ECMAScript全局方法isNaN()方法为例:

[JavaScript] 纯文本查看 复制代码运行代码
console.log(window.isNaN(3))

输出结果:false。

当然也可以以下面的形式使用:

[JavaScript] 纯文本查看 复制代码运行代码
console.log(isNaN(3))


window对象的属性列表:

属性描述
window.innerheight返回浏览器客户区的高度。
window.innerwidth返回浏览器客户区的宽度。
window.name设置或返回窗口的名称。
window.opener返回对创建此窗口的窗口的引用。
window.outerheight 返回窗口的外部高度。
window.outerwidth返回窗口的外部宽度。
window.pageXOffset设置或返回当前页面相对于窗口显示区左边缘距离。
window.pageYOffset设置或返回当前页面相对于窗口显示区上边缘的距离。
window.parent返回父窗口。
window.self返回对当前窗口的引用。
window.top返回最顶层的先辈窗口。
window.screenX返回浏览器左边界到屏幕左边界的水平距离。
window.screenY返回浏览器上边界到屏幕上边界的垂直距离。


window对象的方法列表:

方法描述
alert()显示带有一段指定的文本和一个确认按钮的警告框。
clearInterval()

取消由setInterval()设置定时器。

clearTimeout()

取消由setTimeout()设置的定时器。

confirm()

显示带有一段消息以及确认按钮和取消按钮的对话框。

getComputedStyle()

获取指定元素最终样式属性值。

getSelection()

返回一个用以表示选中文本的对象。

postMessage()

此方法允许跨窗口通信,不论这两个窗口是否同源。

print()

打印当前窗口的内容。

prompt()显示可提示用户输入的对话框。
resizeBy()

按照指定的像素调整窗口的大小。

resizeTo()

把窗口的大小调整到指定的宽度和高度。

scrollBy()

按照指定的像素值来调整文档的位置。

scrollTo()

把内容滚动到指定的坐标。

setInterval()

按照指定的周期(以毫秒计)来调用函数或计算表达式。

setTimeout()

在指定的毫秒数后调用函数或计算表达式。

1

鲜花

握手

雷人

路过

鸡蛋

刚表态过的朋友 (1 人)

最新评论

返回顶部