程序博客网 > 端口聚合

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

来源：互联网发布：端口聚合编辑：程序博客网时间：2024/05/17 15:19

在应用有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属性返回的是对自身的引用。

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

判断当前窗口是否在一个框架中：

<script type="text/JavaScript">
var b = window.top!=window.self;
document.write( "当前窗口是否在一个框架中："+b );
</script>

你应当将框架视为窗口中的不同区域，框架是浏览器窗口中特定的部分。一个浏览器窗口可以根据你的需要分成任意多的框架，一个单个的框架也可以分成其它多个框架，即所谓的嵌套框架。

window.top.location

top, 表示是顶层页面，因为页面之中可能嵌入了 frame 等子页面
Html代码
<html>
<head>
<script type="text/javascript">
function breakout()
  {
  if (window.top!=window.self)
    {
    window.top.location="/example/hdom/tryjs_breakout.htm"
    }
  }
</script>
</head>
<body>

<input type="button" onclick="breakout()" value="跳出框架！">

</body>
</html>
就是你的顶层网页页面的地址对象。
比如现在这个页面，它的location.href 就是http://zhidao.baidu.com/question/8493.html

而location, 是一个对象，它包括了上面说的那个地址，还有一些方法，
比如replace（替换地址) 等，和属性比如 href (地址)

0 0

端口聚合

端口聚合

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子前序航班延误怎么办半夜到咸阳机场怎么办晚上到咸阳机场怎么办凌晨到咸阳机场怎么办守望先锋闪屏怎么办荣耀v8gps信号弱怎么办合肥动物园年卡怎么办小腿皮肤像鱼鳞怎么办上初中住宿想家怎么办孩子住校老想家怎么办鱼肉丸子的鱼刺怎么办零线电流过大怎么办现世妖怪打不过怎么办手机不能发红包怎么办微信零钱发不出怎么办微信红包不见了怎么办网络教育考不过怎么办会计证到期未换怎么办中学调小学职称怎么办日本个人番号卡怎么办电话被骂了怎么办受到别人的辱骂怎么办学生上课骂老师怎么办同事如果侮辱你怎么办在别人骂你怎么办被别人说傻子怎么办如果约会迟到了怎么办老公爱上舅媳妇怎么办 12306账户忘了怎么办 12306忘了用户名怎么办 12306被注册过怎么办 12306证件被抢注怎么办 12306邮箱忘了怎么办 12306已注册了怎么办 12306忘记登录名怎么办 12306邮箱注销了怎么办奔驰冷却液灯亮怎么办环保举报怕报复怎么办函授没时间上课怎么办电工证过期了怎么办维修电工证过期怎么办