您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

   本文给大家汇总分享的是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