window.parent、window.top、window.self
在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口。
1.window.parent
功能:返回父窗口。
语法:window.parent
示例:
比如我们在使用A页面上使用了一个弹窗,弹窗引入了B页面,在弹窗的B页要我们要执行A页面的close方法 就可以使用
window.parent.close();
注:如果窗口本身是顶层窗口,parent属性返回的是对自身的引用。
2.window.top
功能:返回当前窗口的最顶层浏览器窗口。
语法:window.top
示例:
if (window.top!=window.self) {document.write("<p>这个窗口不是最顶层窗口!我在一个框架?</p>")
}else{document.write("<p>这个窗口是最顶层窗口!</p>")
}
注:如果窗口本身就是顶层窗口,top属性返回的是对QQ号拍卖地图自身的引用。
3.window.self
功能:是对当前窗口自身的引用。它和window属性是等价的。
语法:window.self
示例:
if (window.top!=window.self) {document.write("<p>这个窗口不是最顶层窗口!我在一个框架?</p>")
}else{document.write("<p>这个窗口是最顶层窗口!</p>")
}
注:window、self、window.self是等价的
你应当将框架视为窗口中的不同区域,框架是浏览器窗口中特定的部分。一个浏览器窗口可以根据你的需要分成任意多的框架,一个单个的框架也可以分成其它多个框架,即所谓的嵌套框架。
更多相关文章
- HTML综合练习——网站后台管理系统 框架
- Laravel的安装和了解
- adminlte框架后台模板分块
- 安装laravel框架
- 安装laravel框架 了解laravel框架结构
- 工具库用久了,你还会原生操作 Cookie 吗?
- Composer 自撸一个简单的MVC框架
- 「Spring认证」Spring 框架概述
- 表单,框架,选择器,css的三种插入样式(内联,外部样式,元素中)