Js中的window.parent ,window.top,window.self 了解

在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法打开当前窗口的那个窗口。

window.self:

功能:是对当前窗口自身的引用。它和window属性是等价的。

语法:window.self

注:window、self、window.self是等价的。

window.top:

功能:返回顶层窗口,即浏览器窗口。

语法:window.top

注:如果窗口本身就是顶层窗口,top属性返回的是对自身的引用。

window.parent:

功能:返回父窗口。

语法:window.parent

注:如果窗口本身是顶层窗口,parent属性返回的是对自身的引用。

在框架网页中,一般父窗口就是顶层窗口,但如果框架中还有框架,父窗口和顶层窗口就不一定相同了。

在只有当前页面:

alert("1");

top.alert("1");

self.alert("1");

window.alert("1");

parent.alert("1")

是一样的效果

原文地址:https://www.cnblogs.com/wangxiaoer5200/p/9777096.html

时间: 2024-09-30 12:14:52

Js中的window.parent ,window.top,window.self 了解的相关文章

js中opener和parent的区别

opener即谁打开我的,比如A页面利用window.open弹出了B页面窗口,那么A页面所在窗口就是B页面的 opener,在B页面通过opener对象可以访问A页面. parent表示父窗口,比如一个A页面利用iframe或frame调用B页面,那么A页面所在窗口就是B页面的parent.在JS 中,window.opener只是对弹出窗口的母窗口的一个引用.比如:a.html中,通过点击按钮等方式window.open出一个新的窗口 b.html.那么在b.html中,就可以通过windo

js中 opener和parent的区别

opener即谁打开我的,比如A页面利用window.open弹出了B页面窗口,那么A页面所在窗口就是B页面的opener,在B页面通过opener对象可以访问A页面.parent表示父窗口,比如一个A页面利用iframe或frame调用B页面,那么A页面所在窗口就是B页面的parent.在JS中,window.opener只是对弹出窗口的母窗口的一个引用.比如:a.html中,通过点击按钮等方式window.open出一个新的窗口b.html.那么在b.html中,就可以通过window.op

js中opener 和parent区别

1.opener即谁打开我的,比如A页面利用window.open弹出了B页面窗口,那么A页面所在窗口就是B页面的opener,在B页面通过opener对象可以访问A页面. 2.parent表示父窗口,比如一个A页面利用iframe或frame调用B页面,那么A页面所在窗口就是B页面的parent.在JS中,window.opener只是对弹出窗口的母窗口的一个引用.比如:a.html中,通过点击按钮等方式window.open出一个新的窗口b.html.那么在b.html中,就可以通过wind

(window,parent,opener,top).location.reload方法汇总

最近项目是和某度合作,集成他们一个功能到我们产品上.由于是中途从同事手中接过来的活,并且第一次使用jsonp,不熟悉页面的刷新跳转,遭坑惨了,现在来记录下这个情况,希望给有类似需求的同志带来些许帮助. 情景描述: 登陆login.html页面登陆验证成功后,跳转到index.html页面,index.html页面加载完成后就要发送jsonp请求到对方服务器得到想应的数据并展示出来,如若没有登陆某度的帐户,弹出提示信息.然后需要点击页面的登陆按钮,弹出某度的登陆框(iframe引入),登陆某度成功

Angular JS中$timeout的用法及其与window.setTimeout的区别

$timeout的用法 angular.js的$timeout指令对window.setTimeout做了一个封装,它的返回值是一个promise对象.当定义的时间到了以后,这个promise对象就会被resolve,回调函数就会被执行. 如果需要取消一个timeout,调用$timeout.cancel(promise)方法. 用法: $timeout(fn, [delay], [invokeApply]): fn: 回调函数(必填) delay: number类型.延迟的时间(非必填),如果

javascript js全部的 全局属性 和 方法-window

1 window method: 2 3 open(URL,窗口名称,窗口风格)//打开一个新的窗口,并在窗口中装载指定URL地址的网页 4 close()//close方法用于自动关闭浏览器窗口 5 alert(提示字符串)//弹出一个警告框 6 confirm(提示字符串)//显示一个确认框, 当用户单击“确定”按钮 时该方法返回true,单击“取消”时返回false. 7 prompt(提示字符串,缺省文本)//显示一个输入框 当用户单击“确定”按钮时,返回用户输入的字符串,当 单击“取消

window.parent != window 解决界面嵌套问题

页面在被嵌套的时,效果:,,如果用户点击“刷新”,该问题即可解决. 如果想通过代码解决的话,这个问题属于客户端的问题,不是服务器端的问题. 如果直接写:window.location.href = “***”的时候,只要一显示界面就刷新界面,系统将进入死循环状态.想要的效果是:只有界面被嵌套的时候才希望被刷新. window.parent指的是小窗口的大窗口 window.parent.location.href = window.location.href:使窗口等于当前小窗口的界面 解决问题

JS中关闭弹窗的问题

先举列一个W3Cshool的例子:在父窗口关闭子窗口 <html> <head> <script type="text/javascript"> function closeWin() { alert(myWindow.name) //子窗口的名称myname myWindow.close() //在父页面关闭子窗口 } </script> </head> <body> <script type="

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法 "window.location.href"."location.href"是本页面跳转. "parent.location.href" 是上一层页面跳转. "top.location.href" 是最外层的页面跳转. 举例说明: 如果A,B,C,D都是html,D

js中window.self,window.top,window.parent,window.opener

在js中window.self,window.top,window.parent,window.opener四个的作用区别还是很大的, window.self,window.top是打开模式, 而window.parent,window.opener是父窗口打开模式,下面我来介绍介绍. =============================================================== 在应用有frameset或者iframe的页面时, parent是父窗口, top是