JavaScript Window浏览器对象模型方法与属性汇总


Posted in Javascript onApril 20, 2015

Window 对象

所有浏览器都支持 window 对象。它表示浏览器窗口。

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

1. open方法

语法格式:
window.open(URL,窗口名称,窗口风格)
功能:打开一个新的窗口,并在窗口中装载指定URL地址的网页。

说明:
open方法用于打开一个新的浏览器窗口,并在新窗口中装入一个指定的URL地址;
open方法在打开一个新的浏览器窗口时,还可以指定窗口的名称(第二个参数);
open方法在打开一个新的浏览器窗口时,还可以指定窗口的风格(第三个参数),
窗口风格有以下选项,这些选项可以多选,如果多选,各选项之间用逗号分隔:
toolbar:指定窗口是否有标准工具栏。当该选项的值为1或yes时,表示有标准工具栏,当该选项的值为0或no时,表示没有标准工具栏;
location:指定窗口是否有地址工具栏,选项的值及含义与toolbar相同;
directories:指定窗口是否有链接工具栏,选项的值及含义与toolbar相同;
status:指定窗口是否有状态栏,选项的值及含义与toolbar相同;
menubar:指定窗口是否有菜单,选项的值及含义与toolbar相同;
scrollbar:指定当前窗口文档大于窗口时是否有滚动条,选项的值及含义与toolbar相同;
resizable:指定窗口是否可改变大小,选项的值及含义与toolbar相同;
width:以像素为单位指定窗口的宽度,已被innerWidth取代;
height:以像素为单位指定窗口的高度,已被innerHeight取代;
outerWidth:以像素为单位指定窗口的外部宽度;
outerHeight:以像素为单位指定窗口的外部高度;
left:以像素为单位指定窗口距屏幕左边的位置;
top:以像素为单位指定窗口距屏幕顶端的位置;
alwaysLowered:指定窗口隐藏在所有窗口之后,选项的值及含义与toolbar相同;
alwaysRaised:指定窗口浮在所有窗口之上,选项的值及含义与toolbar相同;
dependent:指定打开的窗口为当前窗口的一个子窗口,并随着父窗口的关闭而关闭,选项的值及含义与toolbar相同;
hotkeys:在没有菜单栏的新窗口中设置安全退出的热键,选项的值及含义与toolbar相同;
innerHeight:设定窗口中文档的像素高度;
innerWidth:设定窗口中文档的像素宽度;
screenX:设定窗口距离屏幕左边界的像素长度;
screenY:设定窗口距离屏幕上边界的像素长度;
titleBar:指明标题栏是否在新窗口中可见,选项的值及含义与toolbar相同;
z-look:指明当窗口被激活时,不能浮在其它窗口之上,选项的值及含义与toolbar相同。
open方法返回的是该窗口的引用。
小技巧:该方法经常用于在打开一个网页时自动打开另一个窗口。

2. close方法

语法格式:
window.close()
功能:close方法用于自动关闭浏览器窗口。

3. alert方法

语法格式:
window.alert(提示字符串)
功能:弹出一个警告框,在警告框内显示提示字符串文本。

4. confirm方法

语法格式:
window.confirm(提示字符串)
功能:显示一个确认框,在确认框内显示提示字符串,当用户单击“确定”按钮
时该方法返回true,单击“取消”时返回false。

5. prompt方法

语法格式:
window.prompt(提示字符串,缺省文本)
功能:显示一个输入框,在输入框内显示提示字符串,在输入文本框显示缺省文
本,并等待用户输入,当用户单击“确定”按钮时,返回用户输入的字符串,当
单击“取消”按钮时,返回null值。

6. setTimeout方法

语法格式:
window.setTimeout(代码字符表达式,毫秒数)
功能:定时设置,当到了指定的毫秒数后,自动执行代码字符表达式。

7. clearTimeout方法

语法格式:
window.clearTimeout(定时器)
功能:取消以前的定时设置,其中的参数是用setTimeout设置时的返回值。

8. setInterval方法

语法格式:
window.setInterval(代码字符表达式,毫秒数)
功能:设定一个时间间隔后(第二个参数),反复执行“代码字符表达式”的内容

9. clearInterval方法

语法格式:
window.clearInterval(时间间隔器)
功能:取消setInterval设置的定时。其中的参数是setInterval方法的返回值。

10. moveBy方法

语法格式:
window.moveBy(水平位移量,垂直位移量)
功能:按照给定像素参数移动指定窗口。第一个参数是窗口水平移动的像素,第
二个参数是窗口垂直移动的像素。

11.moveTo方法

语法格式:
window.moveTo(x,y)
功能:将窗口移动到指定的指定坐标(x,y)处。

12. resizeBy方法

语法格式:
window.resizeBy(水平,垂直)
功能:将当前窗口改变指定的大小(x,y),当x、y的值大于0时为扩大,小于0时
为缩小。

13. resizeTo方法

语法格式:
window.resizeTo(水平宽度,垂直宽度)
功能:将当前窗口改变成(x,y)大小,x、y分别为宽度和高度。

14. scrollBy方法

语法格式:
window.scrollBy(水平位移量,垂直位移量)
功能:将窗口中的内容按给定的位移量滚动。参数为正数时,正向滚动,否则反
向滚动。

15. scrollTo方法

语法格式:
window.scrollTo(x,y)
功能:将窗口中的内容滚动到指定位置。

16.find方法

语法格式:
window.find()
功能:当触发该方法时,将弹出一个“find”(查找)对话窗口,并允许用户在触
发find方法的页面中查找一个字符串。
注:该属性在IE5.5及Netscape6.0中都不支持。

17. back方法

语法格式:
window.back()
功能:模拟用户点击浏览器上的“后退”按钮,将页面转到浏览器的上一页。
说明:仅当当前页面存在上一页时才能进行该操作。
注:IE5.5不支持该方法,Netscape6.0支持。

18. forward方法

语法格式:
window.forward()
功能:模拟用户点击浏览器上的“前进”按钮,将页面转到浏览器的下一页。
说明:仅当当前页面存在下一页时才能进行该操作。
注:IE5.5不支持该方法,Netscape6.0支持。

19. home方法

语法格式:
window.home()
功能:模拟用户点击浏览器上的“主页”按钮,将页面转到指定的页面上。
注:IE5.5不支持该方法,Netscape6.0支持。

20. stop方法

语法格式:
window.stop()
功能:模拟用户点击浏览器上的“停止”按钮,终止浏览器的下载操作。
注:IE5.5不支持该方法,Netscape6.0支持。

21. print方法

语法格式:
window.print()
功能:模拟用户点击浏览器上的“打印”按钮,通知浏览器打开打印对话框打印
当前页。

22. blur方法

语法格式:
window.blur()
功能:从窗口中移出焦点。当与focus方法合用时必须小心,因为可能导致焦点
不断移进移出。

23. focus方法

语法格式:
window.focus()
功能:使窗口中得到焦点。当与blur方法合用时必须小心,因为可能导致焦点不
断移进移出。

24. captureEvent方法

语法格式:
window.captureEvent(Event)
window.captureEvent(事件1|事件2|...|事件n)
功能:捕捉指定参数的所有事件。由于能够捕获哪些由本地程序自己处理的事件
,所以程序员可以随意定义函数来处理事件。如果有多个事件需要捕捉,各事件
之间用管道符“|”隔开。可捕捉的事件类型如下:
Event.ABORT
Event.BLUR
Event.CHANGE
Event.CLICK
Event.DBLCLICK
Event.DRAGDROP
Event.ERROR
Event.FOCUS
Event.KEYDOWN
Event.KEYPRESS
Event.KEYUP
Event.LOAD
Event.MOUSEDOWN
Event.MOUSUEMOVE
Event.MOUSEOUT
Event.MOUSEOVER
Event.MOUSEUP
Event.MOVE
Event.RESET
Event.RESIZE
Event.SELECT
Event.SUBMIT
Event.UNLOAD

25. enableExternalCapture事件

语法格式:
window.enableExternalCapture(event)
功能:enableExternalCapture方法用于捕捉通过参数传入的外部事件。

26. disableExternalCapture事件

语法格式:
window.disableExternalCapture()
功能:取消enableExternalCapture方法的设置,终止对外部事件的捕捉。

27. handleEvent事件

语法格式:
window.handleEvent(event)
功能:触发指定事件的事件处理器。

28. releaseEvent事件

语法格式:
window.releaseEvent(event)
window.releaseEvent(事件1|事件2|...|事件n)
功能:释放通过参数传入的已被捕捉的事件,这些事件是由
window.captureEvent方法设置的,可释放的事件与captureEvent相同。

29. routeEvent事件

语法格式:
window.releaseEvent(event)
功能:把被捕捉类型的所有事件转交给标准事件处理方法进行处理,可转交的事
件与captureEvent相同。

30 scroll事件

语法格式:
window.scroll(X坐标,Y坐标)
功能:将窗口移动到指定的坐标位置。

window对象具有如下属性:

1. status属性

语法格式:
window.status=字符串
功能:设置或给出浏览器窗口中状态栏的当前显示信息。
小技巧:可以使用该属性设置浏览器窗口状态栏信息。

2. statusbar属性

语法格式:
window.statusbar.属性
功能:statusbar属性本身也是一个对象,用于访问它自已的visible属性从而确
定状态栏是否可见。
注:IE5.5浏览器不支持该属性。

3. statusbar.visible属性

语法格式:
window.statusbar.visible
功能:检查状态栏是否可见,如果可见则返回true,反之返回false。
注:IE5.5浏览器不支持该属性。

4. defaultstatus属性

语法格式:
window.defaultstatus[=字符串]
功能:defaultstatus属性值是浏览器窗中状态栏的默认显示信息。

5.location属性

语法格式:
window.location=URL
功能:给出当前窗口的URL信息或指定打开窗口的URL。

6. locationbar属性

语法格式:
window.locationbar.属性
功能:locationbar属性也可以看成是一个子对象,这个属性用来获取它自已的
visible属性来确定位置栏是否可见。
到目前为止,该属性只有一个子属性:visible。
注:IE5.5不支持该属性。

7. locationbar.visible属性

语法格式:
window.locationbar.visible
功能:返回位置栏是否可见,如果可见返回true,反之返回false。
注:IE5.5不支持该属性。

8. self属性

语法格式:
window.self.方法
window.self.属性
功能:该属性包含当前窗口的标志,利用这个属性,可以保证在多个窗口被打开
的情况下,正确调用当前窗口内的函数或属性而不会发生混乱。

9. name属性

语法格式:
window.name=名称
功能:返回窗口名称,这个名称是由window.open()方法创建新窗口时给定的。
在javascript1.0版本中,这个属性只能用于读取窗口名称,而到了
javascript1.1版本时,可以用这个属性给一个不是用window.open()方法创建的
窗口指定一个名称。

10. closed属性

语法格式:
window.closed
功能:closed属性用于返回指定窗口的实例是否已经关闭,如果关闭,返回true
,反之返回flase。

11. frames属性

语法格式:
window.frames["框架名称"]
window.frames[数值]
功能:frames属性是一个数组,用来存储文档中每一个由元素创建的子窗口(框
架)实例,其中的下标即可以是次序号也可以是用FRAME元素的NAME属性指定的名
称来得到并使用。

12. frames.length属性

语法格式:
window.frames.length
功能:frames.length属性用于给出文档中子窗口(框架)实例的个数。

13. length属性

语法格式:
window.length
功能:length属性返回一个窗口内的子窗口数目,该属性与
window.frame.length属性的值相同。

14. document属性

语法格式:
window.document.事件
window.document.方法
window.document.属性
功能:window对象的子对象document是javascript的核心对象,在脚本中遇到
BODY元素时创建一个实例。

15. history属性

语法格式:
window.history[数值]
window.history.方法()
window.history.属性
window对象的子对象history是javascript的核心对象之一,该属性包含了一个
已访问过页面的名称和URL的数组。

16. innerHeight属性

语法格式:
window.innerHeight=数值
功能:返回或指定浏览器窗口中文档的像素高度,这个高度不包括任何工具栏和
组成窗口的页面修饰高度。
注:IE5.5不支持该属性。

17. innerWidth属性

语法格式:
window.innerHeight=数值
功能:返回或指定浏览器窗口中文档的像素宽度,这个宽度不包括任何工具栏和
组成窗口的页面修饰宽度。
注:IE5.5不支持该属性。

18. menubar属性

语法格式:
window.menubar.属性
功能:menubar属性也可以看成是一个子对象,这个属性用来获取它自已的
visible属性来确定菜单栏是否可见。
到目前为止,该属性只有一个子属性:visible。
注:IE5.5不支持该属性。

19. menubar.visible属性

语法格式:
window.menubar.visible
功能:menubar.visible属性用于返回菜单栏是否可见,如果可见返回true,反
之返回false。
注:IE5.5不支持该属性。

20. opener属性

语法格式:
window.opener
window.opener.方法
window.opener.属性
功能:opener属性与打开该窗口的父窗口相联系,当访问子窗口中operer属性时
,返回的是父窗口。通过该属性,可以使用父窗口对象中的方法和属性。

21. outerHeight属性

语法格式:
window.outerHeight
功能:outerHeight属性用于访问浏览器窗口的像素高度,该高度包括工具栏和
装饰边的高度。
注:IE5.5不支持该属性。

22. outerWidth属性

语法格式:
window.outerWidth
功能:outerWidth属性用于访问浏览器窗口的像素宽度,该宽度包括工具栏和装
饰边的宽度。
注:IE5.5不支持该属性。

23. pageXOffset属性

语法格式:
window.pageXOffset=数值
功能:指定浏览器窗口中文档左上角在窗口中的当前水平像素位置。在利用
moveTo移动之前,可以通过该属性来决定是否需要移动窗口。因为该属性返回了
可见文档相对整个页面的当前位置。
注:IE5.5不支持该属性。

24. pageYOffset属性

语法格式:
window.pageYOffset=数值
功能:指定浏览器窗口中文档左上角在窗口中的当前垂直像素位置。在利用
moveTo移动之前,可以通过该属性来决定是否需要移动窗口。因为该属性返回了
可见文档相对整个页面的当前位置。
注:IE5.5不支持该属性。

25. parent属性

语法格式:
window.parent.frames[数值]
window.parent.framesName
功能:访问各个子窗口(多框架)所在的父窗口。

26. personalbar属性

语法格式:
window.personalbar.属性
功能:personalbar属性本身也是一个对象,用于访问其自身的visible属性来确
定个人栏是否可见。
注:IE5.5不支持该属性。

27. personalbar.visible属性

语法格式:
window.personalbar.visible
功能:确定个人栏是否可见,如果可见则返回true,反之返回false。
注:IE5.5不支持该属性。

28. scrollbars属性

语法格式:
window.scrollbars.属性
功能:scrollbars属性本身也是一个对象,用于访问其自身的visible属性来确
定滚动栏是否可见。
注:IE5.5不支持该属性。

29. scrollbars.visible属性

语法格式:
window.scrollbars.visible
功能:scrollbars.visible用于确定滚动栏是否可见,如果可见则返回true,反
之返回false。
注:IE5.5不支持该属性。

30. toolbar属性

语法格式:
window.toolbar.属性
功能:toolbar属性本身也是一个对象,用于访问它自已的visible属性从而确定
工具栏是否可见。
注:IE5.5不支持该属性。

31. toolbar.visible属性

语法格式:
window.toolbar.visible
功能:toolbar.visible属性用于检查工具栏是否可见,如果可见则返回true,
反之返回false。
注:IE5.5不支持该属性。

32. top属性

语法格式:
window.top.frames[数值]
window.top.frameName
window.top.方法()
window.top.属性
功能:window对象的top属性用于包含所有装入浏览器的子窗口(多框架)的最顶层窗口的信息。

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
Jun 10 Javascript
jquery弹出层类代码分享
Dec 27 Javascript
js获取客户端网卡的IP地址、MAC地址
Mar 26 Javascript
利用JavaScript脚本实现滚屏效果的方法
Jul 07 Javascript
JavaScript中利用各种循环进行遍历的方式总结
Nov 10 Javascript
网页前端登录js按Enter回车键实现登陆的两种方法
May 10 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
Nov 03 Javascript
微信小程序scroll-view实现横向滚动和上拉加载示例
Mar 06 Javascript
基于复选框demo(分享)
Sep 27 Javascript
基于原生js运动方式关键点的总结(推荐)
Oct 01 Javascript
vue中slot(插槽)的介绍与使用
Nov 12 Javascript
vue2.0+SVG实现音乐播放圆形进度条组件
Sep 21 Javascript
分享10个原生JavaScript技巧
Apr 20 #Javascript
JQuery限制复选框checkbox可选中个数的方法
Apr 20 #Javascript
js插件YprogressBar实现漂亮的进度条效果
Apr 20 #Javascript
浅谈javascript中call()、apply()、bind()的用法
Apr 20 #Javascript
javascript中callee与caller的区别分析
Apr 20 #Javascript
javascript正则表达式中的replace方法详解
Apr 20 #Javascript
javascript正则表达式基础知识入门
Apr 20 #Javascript
You might like
动画 《Pokemon Sword·Shield》系列WEB动画《薄明之翼》第2话声优阵容公开!
2020/03/06 日漫
php4的session功能评述(一)
2006/10/09 PHP
php+mysql 实现身份验证代码
2010/03/24 PHP
php中ob_flush函数和flush函数用法分析
2015/03/18 PHP
PHP编程获取图片的主色调的方法【基于Imagick扩展】
2017/08/02 PHP
js function定义函数的几种不错方法
2014/02/27 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
2015/09/06 Javascript
Extjs 点击复选框在表格中增加相关信息行
2016/07/12 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
2016/12/23 Javascript
js return返回多个值,通过对象的属性访问方法
2017/02/21 Javascript
微信小程序 sha1 实现密码加密实例详解
2017/07/06 Javascript
js 中rewrap-ajax.js插件实例代码
2017/10/20 Javascript
使用Vuex实现一个笔记应用的方法
2018/03/13 Javascript
JavaScript 日期时间选择器一些小结
2018/04/02 Javascript
详解Js里的for…in和for…of的用法
2019/03/28 Javascript
微信小程序 授权登录详解(附完整源码)
2019/08/23 Javascript
javascript实现前端成语点击验证优化
2020/06/24 Javascript
[01:07:21]NAVI vs VG Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
有趣的python小程序分享
2017/12/05 Python
对Python3中的input函数详解
2018/04/22 Python
python中return如何写
2020/06/18 Python
Python word文本自动化操作实现方法解析
2020/11/05 Python
使用HTML5在网页中嵌入音频和视频播放的基本方法
2016/02/22 HTML / CSS
html5 移动端视频video的android兼容(去除播放控件、全屏)
2020/03/26 HTML / CSS
奢华时尚的创新平台:Baltini
2020/10/03 全球购物
Java的五个基础面试题
2016/02/26 面试题
建筑工程自我鉴定
2013/10/18 职场文书
韩国商务邀请函
2014/01/14 职场文书
幼儿教师求职信
2014/05/24 职场文书
艾滋病宣传标语
2014/06/25 职场文书
荒岛余生观后感
2015/06/09 职场文书
教师节大会主持词
2015/07/06 职场文书
怎样写好演讲稿题目?
2019/08/21 职场文书
导游词之蜀山胜景瓦屋山
2019/11/29 职场文书
高通2023 年将发布高性能PC处理器
2022/04/29 数码科技
Redis基本数据类型哈希Hash常用操作命令
2022/06/01 Redis