精华内容
下载资源
问答
  • 主要介绍了js window对象属性和方法相关资料整理,需要的朋友可以参考下
  • 1、Window对象属性 每个对象都有自己的属性,顶级对象Window是所有其他子对象的父对象,它可以出现在每个页面上,并且可以咋单个JS应用程序中被多次使用。 下表列出了一些Window对象常用属性: 属性 说明 ...
  • window对象属性和方法

    千次阅读 2016-07-10 18:34:03
    Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有...由于window对象是其它大部分对象的共同祖先,在调用window对象方法和属性时,可以省略window对象的引用。例如:window.do

           Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,都会自动建立window对象的实例。另外,该对象的实例也可由window.open()方法创建。由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.document.write()可以简写成: document.write()。  在窗口中觖发本窗口对象的任何方法和属性时可以省去窗口的实例名称。例如给当前的myWin窗口设置status属性时,可以只用status而不用myWin.status。但是,在事件处理中调用location属性、close()方法或open()方法时必须使用实例名称。 

    window对象有以下方法: open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval moveBy moveTo 
    resizeBy resizeTo scrollBy scrollTo find back forward home stop print blur focus captureEvent enableExternalCapture disableExternalCapture handleEvent releaseEvent routeEvent scroll 

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

    注意这里的窗口名称,窗口名字可以是自己定义的,也可以是系统的 如:_blank,_self,_parent,_top....
    _blank  ,URL被加载到一个新的未命名的窗口。 
    _media ,URL被加载到一个媒体栏中。(仅适合IE6以及以后版本浏览器) 
    _parent ,URL被加载到目前框架的上层框架上。如果没有上层框架,则此项的值与_self的值相同。 
    _search ,URL被打开在浏览器的查找窗口。(仅适合IE5以及以后的浏览器) 
    _self ,URL在当前的窗口上打开,覆盖以前的内容。 
    _top ,URL可能会加载到任何框架支架(Frameset)上,如果没有定义Frameset,此项值与_self的值相同

    说明: 
    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方法返回的是该窗口的引用。 
    fullscreen=yes  是否全屏显示,no为不是。 此属性会影响scrollbars属性。
    小技巧:该方法经常用于在打开一个网页时自动打开另一个窗口。 

    window.open(url,"窗口名称","width=610,height=437,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no");
    后面的属性分别是:工具栏、地址栏、状态栏、菜单栏、滚动条、是否可缩放。 
    标题栏是不能没有的,
    要实现可让网页全屏,可以用:window.open("要全屏的网页","","fullscreen=yes,resizable=yes");

    另一种网页全屏:
    window.open ('page.html','newwindow','width='+(window.screen.availWidth-10)+',height='+(window.screen.availHeight-30)+ ',top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')  

    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() 
    功能:模拟用户点击浏览器上的“打印”按钮,通知浏览器打开打印对话框打印,一般网页的body部分会被打印出来当前页。 
    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.routeEvent(event) 
    功能:把被捕捉类型的所有事件转交给标准事件处理方法进行处理,可转交的事 件与captureEvent相同。 
    30 scroll事件 
    语法格式: 
    window.scroll(X坐标,Y坐标) 
    功能:将窗口移动到指定的坐标位置。 

    window对象具有如下属性: status statusbar statusbar.visible defaultstatus location locationbar locationbar.visible self 
    name closed frames frames.length length document history innerHeight innerWidth menubar menubar.visible opener 
    outerHeight outerWidth pageXOffset pageYOffset parent personalbar personalbar.visible scrollbar scrollbar.visible toolbar 

    toolbar.visible top 


    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。 不要使用location.href=url这样只能在IE中运行,不能再火狐中运行。
    document.location.href=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的数组。 
    history.go(-1),表示后退到上一个页面。
    16. innerHeight属性 
    语法格式: 
    window.innerHeight=数值 
    功能:返回或指定浏览器窗口中文档的像素高度,这个高度不包括任何工具栏和 组成窗口的页面修饰高度。 
    注:IE5.5不支持该属性。 
    17. innerWidth属性 
    语法格式: 
    window.innerWidth=数值 
    功能:返回或指定浏览器窗口中文档的像素宽度,这个宽度不包括任何工具栏和 组成窗口的页面修饰宽度。 
    注: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 
    功能:访问各个子窗口(多框架)所在的父窗口。 

    window.parent,得到父窗口的对象。
    在子窗口iframe,调用父窗口页面中的方法:
    window.parent.test();

    例如iframe中的页面要调用其父窗口(就是包含此iframe的页面)中的函数,则在iframe中这样写:
    parent.parent_fun_name('参数');
    父窗口调用iframe子窗口方法
    <iframe name="myFrame" src="child.html"></iframe>
    myFrame.window.functionName();
    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属性用于包含所有装入浏览器的子窗口(多框架)的最顶层窗口的信息。


    ****************************
    onactivate
    当窗口设置为活动元素时触发。

    onafterprint
    窗口所关联的文档打印或打印预览后立即在对象上触发。

    onbeforedeactivate
    在 activeElement 从当前窗口变为父文档其它窗口之前立即触发。

    onbeforeprint
    窗口的关联文档打印或打印预览前在对象上触发。

    onbeforeunload
    在页面将要被卸载前触发。

    onblur
    在窗口失去输入焦点时触发。

    oncontrolselect
    当用户将要对该窗口制作一个控件选中区时触发。

    ondeactivate
    当 activeElement 从当前窗口变为父文档其它对象时触发。

    onerror
    当窗口装载过程中发生错误时触发。

    onfocus
    当窗口获得焦点时触发。

    onhelp
    当用户在浏览器为当前窗口时按 F1 键时触发。

    onload
    在浏览器完成窗口的装载后立即触发。

    onmove
    当窗口移动时触发。

    onmoveend
    当窗口停止移动时触发。

    onmovestart
    当窗口开始移动时触发。

    onresize
    当窗口的大小将要改变时触发。

    onresizeend
    当用户更改完控件选中区中对象的尺寸时触发。

    onresizestart
    当用户开始更改控件选中区中对象的尺寸时触发。

    onscroll
    当用户滚动窗口的滚动条时触发。

    onunload
    在对象卸载前立即触发。

    **********************
    网页正文部分上: window.screenTop
    网页正文部分左: window.screenLeft
    屏幕分辨率的高: window.screen.height
    屏幕分辨率的宽: window.screen.width
    屏幕可用工作区高度: window.screen.availHeight
    屏幕可用工作区宽度: window.screen.availWidth

    **************************
    Javascript 中parent, opener, top的区别

    top:该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top变量。

    parent:该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口,而在其中一个分割窗口中又包含着分割窗口,则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。
    opener:指用WINDOW.OPEN等方式创建的新窗口对应的原窗口。
    ***************************
    Javascript刷新页面的几种方法:
    程序代码
    1    history.go(0) 
    2    location.reload()(推荐)
    3    location=location 
    4    location.assign(location) 
    5    document.execCommand('Refresh') 
    6    window.navigate(location) 
    7    location.replace(location) 
    8    document.URL=location.href 
    自动刷新页面的方法:
    1.页面自动刷新:把如下代码加入<head>区域中
    程序代码
    <meta http-equiv="refresh" content="20">
    其中20指每隔20秒刷新一次页面.
    2.页面自动跳转:把如下代码加入<head>区域中
    程序代码
    <meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
    其中20指隔20秒后跳转到http://www.wyxg.com页面
    3.页面自动刷新js版
    程序代码
    <script language="JavaScript">
    function myrefresh()
    {
           window.location.reload();
    }
    setTimeout('myrefresh()',1000); //指定1秒刷新一次
    </script>
    JS刷新框架的脚本语句
    window.opener 的用法 
        window.opener 返回的是创建当前窗口的那个窗口的引用,
    程序代码
    //如何刷新包含该框架的页面用   
    <script language=JavaScript>
       parent.location.reload();
    </script>   
    //子窗口刷新父窗口
    <script language=JavaScript>
        self.opener.location.reload();
    </script>
    ( 或 <a href="javascript:opener.location.reload()">刷新</a>   )
    //如何刷新另一个框架的页面用   
    <script language=JavaScript>
       parent.另一FrameID.location.reload();
    </script>


    parent.location.reload();     //子窗口刷新父窗口
    self.opener.location.reload();    //子窗口刷新打开该子窗口的窗口
    parent.otherFrameID.location.reload();   //自窗口刷新兄弟窗口
    top.location.reload();  //子窗口刷新顶级窗口(或根窗口)


    如果想关闭窗口时刷新或者打开窗时刷新的话,在<body>中调用以下语句即可。
    <body οnlοad="opener.location.reload()"> 开窗时刷新
    <body onUnload="opener.location.reload()"> 关闭时刷新
    <script language="javascript">
    window.opener.document.location.reload() ...... 
    </script>
    例如,如果有多个javascript语句用分号;隔开。
    onClick="javascript:opener.document.location.reload();window.close()"
    ***************************** 
    window.onload可以在页面加载时执行某个函数。
    window.οnlοad=function(){
    .....
    }


    *********************
    在点击浏览器上的后退时,刷新页面:
    function houtui()   
      {   
      if(document.getElementById("t1").value==0){
    //当后退时,t1的value是1这是我们刷新页面。
          document.getElementById("t1").value=1;
          }else{
    //注意这里的刷新页面只能使用下面的语句,使用其他语句在IE里面没有问题但是在火狐中会出现不停刷新的情况。
      document.location=document.location;
      }   
      }   
      
    window.οnlοad=function(){
    houtui();
    }


    <input type="hidden"   value="0"   id="t1"/> 


    如果是jsp页面要在点击浏览器上的后退时,刷新页面。只要可以在页面中加入不保留缓存的语句即可:
    <%
        response.setHeader("Cache-Control","no-store");
        response.setDateHeader("Expires", 0);
        response.setHeader("Pragma","no-cache"); 
    %>


    或者直接使用下面语句不保留缓存
    <meta http-equiv="pragma" content="no-cache"/> 
    <meta http-equiv="cache-control" content="no-store"/> 
    <meta http-equiv="expires"   content= "0"/>   




    ********************************
    javascript获取鼠标选中的文字(selection)
    function getSelectText(){
        var txt = null;
        if (window.getSelection){  // mozilla FF
            txt = window.getSelection();
           }
        else if (document.getSelection){
            txt = document.getSelection();
            }
        else if (document.selection){  //IE
            txt = document.selection.createRange().text;
            }
        return txt;
        }

    文本的选中与选不中要用到window.getSelection(Firefox)和document.selection(IE)!
    document.getElementById('div').onmousemove = function(){
    window.getSelection?window.getSelection().removeAllRanges() : document.selection.empty();
     };





    展开全文
  • JS Window对象属性和方法

    千次阅读 2016-08-16 11:43:38
     ... ...Window 对象属性 属性 描述 IE F O closed 返回窗口是否已被关闭。 4 1 9 defaultStatus 设置或返回窗口状态栏中的默认文本。 4
    

    http://blog.sina.com.cn/s/blog_6cc9c79b01013ddo.html


    Window 对象属性

    属性 描述 IE F O
    closed 返回窗口是否已被关闭。 4 1 9
    defaultStatus 设置或返回窗口状态栏中的默认文本。 4 No 9
    document 对 Document 对象的只读引用。请参阅 Document 对象 4 1 9
    history 对 History 对象的只读引用。请参数 History 对象 4 1 9
    innerheight 返回窗口的文档显示区的高度。 No No No
    innerwidth 返回窗口的文档显示区的宽度。 No No No
    length 设置或返回窗口中的框架数量。 4 1 9
    location 用于窗口或框架的 Location 对象。请参阅 Location 对象 4 1 9
    name 设置或返回窗口的名称。 4 1 9
    Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象 4 1 9
    opener 返回对创建此窗口的窗口的引用。 4 1 9
    outerheight 返回窗口的外部高度。 No No No
    outerwidth 返回窗口的外部宽度。 No No No
    pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。 No No No
    pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。 No No No
    parent 返回父窗口。 4 1 9
    Screen 对 Screen 对象的只读引用。请参数 Screen 对象 4 1 9
    self 返回对当前窗口的引用。等价于 Window 属性。 4 1 9
    status 设置窗口状态栏的文本。 4 No 9
    top 返回最顶层的先辈窗口。 4 1 9
    window window 属性等价于 self 属性,它包含了对窗口自身的引用。 4 1 9
    • screenLeft
    • screenTop
    • screenX
    • screenY
    只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。 4 1 9


    Window 对象方法

    方法 描述 IE F O
    alert() 显示带有一段消息和一个确认按钮的警告框。 4 1 9
    blur() 把键盘焦点从顶层窗口移开。 4 1 9
    clearInterval() 取消由 setInterval() 设置的 timeout。 4 1 9
    clearTimeout() 取消由 setTimeout() 方法设置的 timeout。 4 1 9
    close() 关闭浏览器窗口。 4 1 9
    confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。 4 1 9
    createPopup() 创建一个 pop-up 窗口。 4 No No
    focus() 把键盘焦点给予一个窗口。 4 1 9
    moveBy() 可相对窗口的当前坐标把它移动指定的像素。 4 1 9
    moveTo() 把窗口的左上角移动到一个指定的坐标。 4 1 9
    open() 打开一个新的浏览器窗口或查找一个已命名的窗口。 4 1 9
    print() 打印当前窗口的内容。 5 1 9
    prompt() 显示可提示用户输入的对话框。 4 1 9
    resizeBy() 按照指定的像素调整窗口的大小。 4 1 9
    resizeTo() 把窗口的大小调整到指定的宽度和高度。 4 1.5 9
    scrollBy() 按照指定的像素值来滚动内容。 4 1 9
    scrollTo() 把内容滚动到指定的坐标。 4 1 9
    setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。 4 1 9
    setTimeout() 在指定的毫秒数后调用函数或计算表达式。 4 1 9
    展开全文
  • 【JS】window对象常用属性和方法

    千次阅读 2018-10-23 15:05:46
    1.window对象常用属性: window.closed 返回窗口是否已被关闭。 window.status=sometext 设置窗口状态栏的文本。 2.window对象常用方法: alert(&quot;&quot;) 显示带有一段消息一个确认按钮的警告框。 ...

    1.window对象常用属性:
    window.closed 返回窗口是否已被关闭。
    window.status=sometext 设置窗口状态栏的文本。
    window.location.href="url" 在当前页面跳转至新页面
    window.location 获取当前页面的url地址

    2.window对象常用方法:
    alert("") 显示带有一段消息和一个确认按钮的警告框。
    confirm("") 显示带有一段消息以及确认按钮和取消按钮的对话框。
    window.blur() 把键盘焦点从顶层窗口移开。
    window.moveTo(x,y) 把窗口的左上角移动到一个指定的坐标。
    window.resizeTo(width,height) 把窗口大小调整为指定的宽度和高度。
    window.scrollTo(xpos,ypos) 把内容滚动到指定的坐标。
    window.open(URL,[name,features,replace]) 打开一个新的浏览器窗口或查找一个已命名的窗口

    setInterval(fn(),time); 按照指定的周期(以毫秒计)来调用函数或计算表达式。
    setTimeout(fn(),time); 在指定的毫秒数后调用函数或计算表达式。
    clearTimeout(timer) 取消由 setTimeout() 方法设置的 timeout。

    点击查看全部window对象属性和方法

    展开全文
  • window对象属性方法

    千次阅读 2017-05-27 08:07:13
    自定义函数及window属性方法

    1.自定义函数:有参函数和无参函数

    function 函数名(参数1,参数2,参数3……){

    //JavaScript语句;

    [return 返回值]

    }

    2.调用函数:

      事件名="函数名()";

    3.匿名函数没有函数名

    4.变量的作用域

    根据变量作用范围不同,可分为全局变量和局部变量

    5.window对象是整个BOM的核心

    6.BOM可实现的功能:

      弹出新的浏览器窗口

      移动、关闭浏览器窗口及调整窗口的大小

      在浏览器窗口中实现页面的前进、后退功能

    7.window对象的常用属性:

       名称 说明

     history 有关客户访问过的URL的信息

     location 有关当前URL的信息

    语法:window.属性名="属性值"

    8.window对象的常用方法:

    名称说明
    prompt()显示可提示用户输入的对话框
    alert()显示一个带有提示信息和一个“确定”按钮的警示对话框
    confirm()显示一个带有提示信息、“确定”和“取消”按钮的对话框
    close()关闭浏览器窗口
    open()打开一个新的浏览器窗口,加载给定URL所指定的文档
    setTimeout()在指定的毫秒数后调用函数或计算表达式
    setInterval()按照指定的周期(以毫秒计)来调用函数或表达式

    语法:window.方法名();

    9.confirm():将弹出一个确认对话框

     语法:widow.confirm("对话框中显示的纯文本");




    展开全文
  • Window对象常见属性和方法

    千次阅读 2018-09-16 22:30:07
    Window对象共有七个属性: defauleStatus:指定窗口状态栏中的信息。 status:指定当前窗口状态栏中的信息。 frames:是一个数组,其中内容是窗口中所有的框架。 parent:指当前窗口的父窗口。 self:指当前窗口。...
  • window 对象属性方法

    千次阅读 2018-06-05 16:11:26
    window对象属性closed:返回窗口是否已被关闭defaultStatus : 设置或返回窗口状态栏中的默认文本innerHeight : 返回窗口的文档显示区的高度innerWidth: 返回窗口的文档显示区的宽度length: 设置或返回窗口中的...
  • window对象属性

    千次阅读 2019-06-28 23:08:15
    window对象属性 window对象中存储的属性和方法比较多,我们只对常用的做说明,不常用的看看就好。 首先是window中的这几个属性,这几个属性存储的值都是对象{}。每个对象对应一种操作,可以理解为将浏览器操作...
  • 全局变量是 window 对象属性。 全局函数是 window 对象方法。 1. open方法 语法格式: window.open(URL,窗口名称,窗口风格) 功能:打开一个新的窗口,并在窗口中装载指定URL地址的网页。  说明: open方法用于...
  • 详细描述了有关js-window对象方法和属性,对于学习javaweb有很大的帮助
  • 11window对象属性和方法

    千次阅读 2016-07-09 16:49:34
    Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有...由于window对象是其它大部分对象的共同祖先,在调用window对象方法和属性时,可以省略window对象的引用。例如:window.do
  • 我们从这一篇开始逐个讲解浏览器上的内置对象的属性和方法。常见的浏览器内置对象有:Window 、Location 、Navigator 、History 、Screen…… 本篇文章,我们就从最大的对象Window开始讲起 正文 Window对象在客户端...
  • 在网页里是window对象在node里面是Global对象全局对象上的属性和方法可以直接使用,不用指定所属对象。在全局作用域声明的变量和函数是作为window对象属性和方法而存在的。总结:所以可以通过给window对象添加属性...
  • Window对象封装了窗口标题、工具按钮、地址栏、客户区、状态栏等,这些窗口的组成部分,也被定义为浏览器对象,他们都是window的成员对象,因此,构成一种层次结构,这就是浏览器对象模型(Browser Obje...
  • Window对象的常用方法

    千次阅读 2018-07-23 19:34:51
    分别用于弹出警告对话框、确认对话框提示输入对话框。 close() 关闭窗口。 focus()、blur() 让窗口获得焦点、失去焦点。  open() 打开一一个新的顶级窗口,用于装载新的URL所指向的地址,并可...
  • js的window对象属性的使用

    万次阅读 2018-11-23 06:11:36
     浏览器对象:window对象。  Window 对象会在 &lt;body&gt; 或 &lt;frameset&gt; 每次出现时被自动创建。 2. window对象 window对象是BOM中所有对象的核心。BOM Browser Object Model 3.window...
  • jsp的window对象属性和方法大全

    千次阅读 2016-09-01 18:43:21
    frames 表示当前窗口中所有frame对象的数组 status 表示浏览器的状态行信息 defaultstatus 表示浏览器的状态行信息 history 表示当前窗口的历史记录,这可以引用在网页导航中 closed 表示当前窗口是否关闭的逻辑...
  • js window对象方法属性整理

    千次阅读 2016-04-10 18:21:13
    window对象有以下方法:  open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval moveBy moveTo resizeBy resizeTo scrollBy scrollTo find  back forward
  • window对象方法

    千次阅读 2019-03-20 19:41:57
    文章目录window对象方法和属性 window对象方法和属性 window对象是JS提供的一个内置对象,该对象是最大的一个内置对象,其中有很多方法和属性,可以直接调用 window.location对象用于获取当前页面的地址(URL)...
  • window对象的常用属性方法

    千次阅读 2012-10-23 18:37:13
    熟悉并了解window对象的各种属性方法及事件处理程序将有助于一个web应用开发者的设计开发。本文将简单的说明几个window对象常用属性方法及事件处理程序的应用。 常用属性:  1、closed:用于判断一个指向...
  • Vue中给Window对象添加方法

    千次阅读 2020-05-19 09:16:12
    可是我使用DCloud的Wap2App打包App之后需要配置sitemap.json,配置onclick事件,但是该事件只能绑定Window下的方法,所以此时就需要在Vue中定义一个方法,并将其绑定在Windows对象下 首先在App.vue methods中定义一个...
  • window对象方法(openclose)

    千次阅读 2020-03-24 18:28:48
    window对象 语法: window.open(pageURL,name,parameters) 功能: 打开一个新的浏览器窗口或查找一个已命名的窗口 参数说明: pageURL:子窗口路径 name:子窗口句柄(name声明了新窗口的名称,方便后期...
  • 作用:location是window对象的一个属性,本身也是对象类型,它的作用是用来获取文档对象的相关信息,如文档的URL地址信息。 二、location对象常用的属性: 1)href属性 作用:获取或设置窗口中的url地址信息 获取...
  • javascript中window对象属性

    千次阅读 2015-08-27 15:24:27
    window对象有以下方法: open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、moveTo、resizeBy、resizeTo、scrollBy、scrollTo、find、back、forward、home、...
  • JavaScript: 高级技巧: window 对象也可以添加自定义属性 例如 window.ntName = 'a';例如 window.ntXw = top; 优点是, window 无须等加载完毕, 任何时候都可以调用, 如果是页面元素变量, 就需要小姐加载完毕才能...
  • 这篇博文是我在心情不好的情况下写的。 一、作用域 作用域,就是变量起作用的区域(范围)。或者说,js代码执行时,...、用var 声明的变量a1是全局变量,是window对象属性 、用var声明的变量a2a3,都是loc...
  • window对象 ...因此在全局作用域中声明的所有变量和函数也是window对象属性和方法。 访问浏览器窗口 通过window对象可以访问浏览器窗口,同时与浏览器相关的其他客户端对象都是window的子对象,通过win...
  • Window与document对象及几种属性

    千次阅读 2016-12-27 16:41:35
    【1】window对象Window 对象表示浏览器中打开的窗口。它是一个顶层对象,而不是另一个对象的属性即浏览器的窗口。如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 354,638
精华内容 141,855
关键字:

window对象的属性和方法