基础之 window-self-top-opener

今天我都在怀疑，很多项目还用不用iframe这个框架做页面布局。

如果你有兴趣想告诉我，请给我留言。

一. 说明

注：这里top和window.top等价，window是可以省略的，有得情况下不允许省略，如：
function func(){

　　var top=100;

　　var tWin=window.top;

}

window和self都表示当前窗口本身；

top是最顶层的window

parent是上级window

opener是打开当前窗口的window

二.举个栗子

以下是a.html的主要html：

<body>

　　　　var t="A页面"; //这个是A页面中window对象的一个属性，和window.t='A页面'等级

　　</script>

</body>

以下是b.html的主要html脚本：

<body>

　　　　function showWin(){

　　　　　　window.open("c.html");

　　　　}

　　　　var t="B页面";

　　</script>

</body>

以下是c.html的主要html脚本：

<body>

　　　　var t="C页面";

　　　　alert(window.t);

　　　　alert(self.t);

　　　　alert(top.t);

　　　　alert(parent.t);

　　　　alert(opener.t);

　　</script>

</body>

按照以上的设计，运行a.html页面，会弹出以下信息：

// C页面；

// A页面；

// B页面；

// 页面脚本报错，提示opener.t为空或不是对象；

点击b.html页面上的按钮，弹出c.html页面，页面弹出信息除了最后一个，其他的都和上面一样：

// C页面；

// A页面；

// B页面；

// B页面；--------- 只有这个不一样，以为是C页面是被B页面打开的

转载于:https://www.cnblogs.com/wangdy/p/5239648.html

基础之 window-self-top-opener相关推荐

html window 属性,html中window对象top 、self 、parent 等属性
top 属性返回最顶层的先辈窗口. 该属性返回对一个顶级窗口的只读引用.如果窗口本身就是一个顶级窗口,top 属性存放对窗口自身的引用.如果窗口是一个框架,那么 top 属性引用包含框架的顶层窗口. ...
JS iframe父子页面元素调用方法 window parent top 解释
父窗口调用子窗口 var hasMore = parent.document.getElementByIdx_x_x_x("hasMore").value; 子窗口调用父窗口 do ...
JS中window对象的opener属性
JS中window对象的opener属性 JS中window对象的opener属性 window.opener是js中window的一个属性,它返回的是打开当前窗口的窗口对象.如果窗口A弹出一个窗口B ...
window.parent,top,window.self,parent,opener
2019独角兽企业重金招聘Python工程师标准>>> 在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frames ...
Linux桌面基础:X Window System——Xorg
一.前言 Unix Like 操作系统不是只能进行服务器的架设而已,在美编.排版.制图.多媒体应用上也是有其需要的. 这些需求都需要用到图形接口 (Graphical User Interface, ...
SOLIDWORKS 3D CAD 2023基础解决方案新功能Top 10
SOLIDWORKS 3D CAD 2023新版本即将于大家见面,而SOLIDWORKS 3D CAD是SOLIDWORKS整体解决方案的基础功能,微辰三维为您总结了SOLIDWORKS 3D CAD ...
Python基础之window常见操作
一.window的常见操作: cd c:\ #进入C盘 d: #从C盘切换到D盘 cd python #进入目录 cd .. #往上走一层目录 dir #查看目录文件列表 cd ../.. #往上上走 ...
Linux基础（1）---top命令
用 30 个实例完全解读 TOP 命令原文:http://linoxide.com/linux-command/linux-top-command-examples-screenshots/ Lin ...
Linux基础命令之：top命令详解以及VIRT,RES,SHR,DATA
top 1.界面详解第一行:系统运行时间和平均负载当前时间.系统已运行时间.当前登录用户的数量.最近5.10.15分钟内的平均负载第二行:任务任务的总数.运行中(running)的任务.休眠( ...
零基础-在window系统中通过VMware安装centos 7
VMware是桌面虚拟机软件,其特点是安全和稳定性强,因此其在业界使用非常广泛.它可以让你在一个机器上面安装一个或几个window.Linux等系统.下面给大家分享在window系统中如何安装VMwa ...

基础之 window-self-top-opener

基础之 window-self-top-opener相关推荐

最新文章

热门文章