快捷导航
蚂蚁部落 网站首页 前端教程 JS教程 查看内容

栏目导航

≡基础知识≡

≡操作符≡

≡语句≡

≡函数≡

≡面向对象≡

≡对象≡

≡事件≡

≡事件对象≡

≡操作DOM方法≡

≡操作DOM属性≡

≡操作table表格≡

≡操作select控件≡

≡操作cookie≡

≡浏览器对象模型≡

≡进阶≡

JavaScript window 对象

2018-2-3 22:04| 发布者: antzone| 查看: 1275| 评论: 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 人)

最新评论

关于我们|手机版|小黑屋| ( 鲁ICP备10022556号-3 )

GMT+8, 2018-2-19 15:57 , Processed in 0.106242 second(s), 21 queries .

Powered by Discuz! X3.2 Licensed

Copyright © 2012-2017 Design: 蚂蚁部落

返回顶部