Object ng Window
- Ilang buwan na ang nakaraan JS na tipikal na array
- Ilang buwan na ang susunod Window Console
Object ng Window
Ang window object ay naglalarawan ng window na binuksan sa browser.
Kung ang dokumento ay may frame (<iframe> tag), ang browser ay maglikha ng window object para sa HTML dokumento at maglikha ng dagdag na window object para sa bawat frame.
Atribute ng Window Object
Object | 描述 |
---|---|
closed | Ibabalik kung ang window ay naputol na. |
console | 返回窗口的 Object na may pangalan na Console。 |
defaultStatus | 已弃用。Ibaba ang pagtatalaga o ibabalik ang pagtatalaga ng teksto ng default status bar ng window. |
document | 返回窗口的 Object na may pangalan na Document。 |
frameElement | Ibabalik ang frame na tumatakbo sa window. |
frames | Ibabalik ang lahat ng window object na tumatakbo sa window. |
history | 返回窗口的 Object na may pangalan na History。 |
innerHeight | Ibabalik ang taas ng dokumentong ipinapakita ng window. |
innerWidth | Ibabalik ang lapad ng dokumentong ipinapakita ng window. |
length | Ibabalik ang bilang ng <iframe> element sa kasalukuyang window. |
localStorage | Pinahintulutan ang pag-iimbak ng key/value pair sa Web browser. Imbak ang datos na walang petsa ng pagtatapos. |
location | 返回窗口的 Location Obheto。 |
name | Ibaba ang pagtatalaga o ibabalik ang pagtatalaga ng pangalan ng window. |
navigator | 返回窗口的 Navigator Obheto。 |
opener | Ibabalik ang pagtatalaga o pagbaka ng pagtatalaga ng pangalan ng window. |
outerHeight | Ibabalik ang taas ng window na kasama ang toolbar/scroll bar. |
outerWidth | Ibabalik ang lapad ng window na kasama ang toolbar/scroll bar. |
pageXOffset | Ibabalik ang impytasyon ng paksiwang patimbang ng dokumento mula sa taas na sulok ng window. |
pageYOffset | Ibabalik ang impytasyon ng paksiwang horizontal ng dokumento mula sa taas na sulok ng window. |
parent | 返回当前窗口的父窗口。 |
screen | 返回窗口的 Screen 对象。 |
screenLeft | 返回窗口相对于屏幕的水平坐标。 |
screenTop | 返回窗口相对于屏幕的垂直坐标。 |
screenX | 返回窗口相对于屏幕的水平坐标。 |
screenY | 返回窗口相对于屏幕的垂直坐标。 |
sessionStorage | 允许在 Web 浏览器中保存键/值对。存储会话的数据。 |
scrollX | pageXOffset 的别名。 |
scrollY | pageYOffset 的别名。 |
self | 返回当前窗口。 |
status | 已弃用。请避免使用它。 |
top | 返回最顶层的浏览器窗口。 |
Window 对象方法
方法 | 描述 |
---|---|
alert() | 显示带有消息和确定按钮的警报框(对话框)。 |
atob() | 解码 base-64 编码的字符串。 |
blur() | 从当前窗口移除焦点。 |
btoa() | 以 base-64 编码字符串。 |
clearInterval() | 清除使用 setInterval() 设置的计时器。 |
clearTimeout() | 清除使用 setTimeout() 设置的计时器。 |
close() | 关闭当前窗口。 |
confirm() | 显示对话框,其中包含消息以及确定和取消按钮。 |
focus() | 将焦点设置到当前窗口。 |
getComputedStyle() | 确定应用到一个文档元素的 CSS 样式。 |
getSelection() | 返回 Selection 对象,表示用户选择的文本范围。 |
matchMedia() | 返回 MediaQueryList 对象,表示指定的 CSS 媒体查询字符串。 |
moveBy() | 相对于其当前位置移动窗口。 |
moveTo() | 将窗口移动到指定位置。 |
open() | 打开新的浏览器窗口。 |
print() | 打印当前窗口的内容。 |
prompt() | 用对话框请求输入一条简单的字符串。 |
requestAnimationFrame() | 请求浏览器在下一次重绘之前调用函数来更新动画。 |
resizeBy() | 按指定像素调整窗口大小。 |
resizeTo() | 将窗口大小调整为指定的宽度和高度。 |
scroll() | 已弃用。此方法已被 scrollTo() 方法 取代。 |
scrollBy() | 按指定的像素数滚动文档。 |
scrollTo() | 将文档滚动到指定坐标。 |
setInterval() | 周期性执行指定的代码。 |
setTimeout() | 在经过指定的时间之后执行代码。 |
stop() | 停止加载窗口。 |
Window 对象描述
Window 对象表示浏览器窗口或框架。在客户端 JavaScript 中,Window 对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。例如,可以只写 document,而不必写 window.document。
同样,可以把当前窗口对象的方法当作函数来使用,如只写 alert(),而不必写 Window.alert()。
除了上面列出的属性和方法,Window 对象还实现了核心 JavaScript 所定义的所有全局属性和方法。
Window 对象的 window 属性和 self 属性引用的都是它自己。当你想明确地引用当前窗口,而不仅仅是隐式地引用它时,可以使用这两个属性。除了这两个属性之外,parent 属性、top 属性以及 frame[] 数组都引用了与当前 Window 对象相关的其他 Window 对象。
要引用窗口中的一个框架,可以使用如下语法:
frame[i] //当前窗口的框架 self.frame[i] //当前窗口的框架 w.frame[i] //窗口 w 的框架
要引用一个框架的父窗口(或父框架),可以使用如下语法:
parent //当前窗口的父窗口 self.parent //当前窗口的父窗口 w.parent //窗口 w 的父窗口
要从顶层窗口含有的任何一个框架中引用它,可以使用如下语法:
top //当前框架的顶层窗口 self.top //当前框架的顶层窗口 f.top //框架 f 的顶层窗口
新的顶层浏览器窗口由方法 Window.open() 创建。当调用该方法时,应把 open() 调用的返回值存储在一个变量中,然后使用那个变量来引用新窗口。新窗口的 opener 属性反过来引用了打开它的那个窗口。
一般来说,Window 对象的方法都是对浏览器窗口或框架进行某种操作。而 alert() 方法、confirm() 方法和 prompt 方法ay magkakaiba, sila ay sumasagot sa mga pagkakatugon sa pamamagitan ng simpleng dialog box sa mga gumagamit.
- Ilang buwan na ang nakaraan JS na tipikal na array
- Ilang buwan na ang susunod Window Console