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

   本文给大家汇总分享的是JavaScript Window浏览器对象模型方法与属性,十分的细致全面,这里推荐给大家,有需要的小伙伴可以参考下。

  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属性用于包含所有装入浏览器的子窗口(多框架)的最顶层窗口的信息。

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

时间: 2024-08-30 07:45:32

JavaScript Window浏览器对象模型方法与属性汇总的相关文章

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

Window 对象 所有浏览器都支持 window 对象.它表示浏览器窗口. 所有 JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员. 全局变量是 window 对象的属性. 全局函数是 window 对象的方法. 1. open方法 语法格式: window.open(URL,窗口名称,窗口风格) 功能:打开一个新的窗口,并在窗口中装载指定URL地址的网页. 说明: open方法用于打开一个新的浏览器窗口,并在新窗口中装入一个指定的URL地址: open方法在打

JavaScript常用对象的方法和属性小结_javascript技巧

本文将简单介绍JavaScript中一些常用对象的属性和方法,以及几个有用的系统函数. 一.串方法 JavaScript有强大的串处理功能,有了这些串方法,才能编写出丰富多彩的网页.在这一部分里,我们将介绍到如何使用与串对象有关的方法和属性. 1.串对象的length属性 串对象仅有一个属性length,这个属性值表示这个串所包括字符的相对数目.语法为: stringName.length 2.串对象的方法 JavaScript提供了多个串方法以帮助控制显示信息.串方法可以分为几个大类,如属性方

JavaScript BOM浏览器对象模型

 BOM  1.window对象 2.location对象 3.history对象   BOM也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能.BOM缺少规范,每个浏览器提供商又按照自己想法去扩展它,那么浏览器共有对象就成了事实的标准.所以,BOM本身是没有标准的或者还没有哪个组织去标准它.   一.window对象 BOM的核心对象是window,它表示浏览器的一个实例.window对象处于JavaScript结构的最顶层,对于每个打开的窗口,系统都会自动为其定义 window 对象

javascript window.event事件方法

如果事件触发后,鼠标移出窗口外,则返回的值为 -1 这是个只读属性.这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置. Java代码 <HTML>    <HEAD><TITLE>Cancels Links</TITLE>    <SCRIPT LANGUAGE="JScript">    function cancelLink() {    if (window.event.srcElement.tag

JavaScript Window

JavaScript Window - 浏览器对象模型 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话" 浏览器对象模型(Browser Object Model (BOM))尚无正式标准.由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性 Window 对象 所有浏览器都支持 window 对象.它表示浏览器窗口. 所有 JavaScript 全局对象.函数以及变量均自动成为 windo

JavaScript阻止浏览器返回按钮的方法_javascript技巧

本文实例讲述了JavaScript阻止浏览器返回按钮的方法.分享给大家供大家参考.具体分析如下: 下面的JS代码可以阻止用户点击返回按钮,非常实用,需要的朋友可以收藏一下. <SCRIPT type="text/javascript"> window.history.forward(); function StopBack() { window.history.forward(); } </SCRIPT> </HEAD> <BODY onloa

JavaScript在浏览器标题栏上显示当前日期和时间的方法_javascript技巧

本文实例讲述了JavaScript在浏览器标题栏上显示当前日期和时间的方法,分享给大家供大家参考.具体如下: 将这段脚本放到head区即可: <script language="JavaScript"> <!-- function resetIt() { // Calculate Time var timerID = null; var timerRunning = false; if(timerRunning) clearTimeout(timerID); time

JavaScript : WINDOW FOR JAVASCRIPT

javascript|window 熟练window对象的open.close.alert.confirm.prompt.setTimeout.clearTimeout.setInterval.clearInterval.moveBy.resizeBy.scrollBy方法的使用  掌握window对象的moveTo.resizeTo.scrollTo.print方法的使用  熟练掌握window对象的status.location.name.self.opener属性的使用 Window对象是

JavaScript操纵窗口的方法小结

一旦你得到了表示窗口的变量,你就能通过各种方法来操纵它.下面介绍一下对窗口的各种操作   在前面的介绍中,我们讨论过close()方法: 复制代码 代码如下: win = window.open("http://www.jb51.net/", "js"): win.close(): JavaScript提供了许多方法与属性,我们可以使用它们来控制窗口. 移动.滚动.改变大小 下面的方法(N4+,IE4+)负责个定窗口的移动.滚动以及大小改变操作: 复制代码 代码如下