欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

window对象的方法和属性汇总

程序员文章站 2022-05-07 20:11:44
...

浮生有梦三千场 穷尽千里诗酒荒

前言:

Window 对象

    Window 对象表示浏览器中打开的窗口。

    如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

    注释:没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象。

----引用w3school Window 对象

Window的对象集合

获取Window的对象集合

window.frames
// 返回窗口中所有命名的框架。

    该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 <iframe>。属性 frames.length 存放数组 frames[] 中含有的元素个数。注意,frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数组。

Window 对象属性

1.返回窗口是否已被关闭。

window.closed

2.设置或返回窗口状态栏中的默认文本。

window.defaultStatus

3.对 Document 对象的只读引用。

window.document

4.对 History 对象的只读引用。

window.history

5.返回窗口的文档显示区的高度。

window.innerHeight

6.返回窗口的文档显示区的宽度。

window.innerWidth

7.设置或返回窗口中的框架数量。

window.length

8.用于窗口或框架的 Location 对象。

window.location

9.设置或返回窗口的名称。

window.name

10.对 Navigator 对象的只读引用

window.Navigator

11.返回对创建此窗口的窗口的引用。

window.opener

12.返回窗口的外部高度。

window.outerHeight

13.返回窗口的外部宽度。

window.outerwidth

14.设置或返回当前页面相对于窗口显示区左上角的 X 位置。

window.pageXOffset

15.设置或返回当前页面相对于窗口显示区左上角的 Y 位置。

window.pageYOffset

16.返回父窗口。

window.parent

17.对 Screen 对象的只读引用。

window.Screen

18.返回对当前窗口的引用。等价于 Window 属性。

window.self

19.设置窗口状态栏的文本。

window.status

20.返回最顶层的先辈窗口。

window.top

21.window 属性等价于 self 属性,它包含了对窗口自身的引用。

window.window

22.只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。

window.screenLeft
window.screenTop
window.screenX
window.screenY

Window对象方法

1.显示带有一段消息和一个确认按钮的警告框。

window.alert()

2.把键盘焦点从顶层窗口移开。

window.blur()

3.取消由 setInterval() 设置的 timeout。

window.clearInterval()

4.取消由 setTimeout() 方法设置的 timeout。

window.clearTimeout()

5.关闭浏览器窗口。

window.close()

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

window.confirm()

7.创建一个 pop-up 窗口。

window.createPopup()

8.把键盘焦点给予一个窗口。

window.focus()

9.可相对窗口的当前坐标把它移动指定的像素。

window.moveBy()

10.把窗口的左上角移动到一个指定的坐标。

window.moveTo()

11.打开一个新的浏览器窗口或查找一个已命名的窗口。

window.open()

12.打印当前窗口的内容。

window.print()

13.显示可提示用户输入的对话框。

window.prompt()

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

window.resizeBy()

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

window.resizeTo()

16.按照指定的像素值来滚动内容。

window.scrollBy()

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

window.scrollTo()

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

window.setInterval()

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

window.setTimeout()

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 方法则不同,它们通过简单的对话框与用户进行交互。

往期推荐

window对象的方法和属性汇总

前端性能优化--懒加载和预加载篇 2020-03-18

在JavaScript中,你真的知道如何判断数组是数组? 2020-03-14

window对象的方法和属性汇总