window.top、window.parent

最新推荐文章于 2025-07-05 21:17:06 发布

转载最新推荐文章于 2025-07-05 21:17:06 发布 · 126 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/andydao/p/3333494.html

本文详细解释了在使用iframe和frameset时，如何通过window.parent和window.top找到不同层级页面之间的关系，以实现跨页面调用函数的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

iframe和frameset中可能会用到window.parent、window.top

其中window.parent是相对于打开子页面的当前js所在页面的层级:

例如：a页面中包含一个iframe页面b, 同时a页面中有一个common.js 文件，当在b页面中调用common.js中的函数打开页面c时，

在c页面中调用window.parent.fnName()找到的是common.js或者a页面中的函数，而不是b页面中的函数。

转载于:https://www.cnblogs.com/andydao/p/3333494.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30470857

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

window.parent与window.openner区别介绍

01-19

今天总结一下js中几个对象的区别和用法：首先来说说 parent.window与top.window的用法 “[removed].href”、”location.href”是本页面跳转 “parent.location.href”是上一层页面跳转 “top.location.href”是最...

JS window对象的top、parent、opener含义介绍

01-19

1.top该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令，就可以用top变量。 2.openeropener用于在window.open的页面引用执行该window.open方法的的页面的对象。例如：A页面通过...

参与评论您还未登录，请先登录后发表或查看评论

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

最新发布

JakeMa1024的博客

07-05

798

在 JavaScript 开发中，`window` 对象是浏览器环境中最重要的全局对象之一。它不仅代表了浏览器窗口本身，还提供了对窗口层级关系的访问能力。对于处理嵌套框架（iframe）或复杂页面结构的开发者来说，`window.parent`、`window.top` 和 `window.self` 这三个属性是理解和操作窗口层级关系的核心工具。

window.parent 和 window.top方法的使用

花木难

03-19

5486

前一段时间在做搜狐家居商城申请入驻时用到了window.parent这一方法。由于上传图片的服务器是在另一域名上，和网站服务器是分开的。考虑到跨域。因此上传图片的form表单写到了一个单独的tpl文件中(http://jia.focus.cn/merchantapply/apply/1)页面(A)的上传营业授权资质Button时，打开一个弹层，用Firefox的fireBug

JS的window.parent ,window.top,window.self

思维小刀

05-22

1757

1.简述在应用有frameset或者iframe的页面时， parent是父窗口， top是最顶级父窗口， self是当前窗口， 2.window.self 功能：是对当前窗口自身的引用。它和window属性是等价的。语法：window.self 注：window、self、window.self是等价的。 3.window.top 功能：返回顶层窗口，即浏览器窗口。语...

window.top与window.parent与window.self

a1013774673的博客

09-21

123

top：该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令，就可以用top变量。parent：该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口，而在其中一个分割窗口中又包含着分割窗口，则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。附：Window对象、Parent对象、Frame对象、Document对象和Form...

window.parent.top中在父页面居中弹出提示框

03-28

window.parent.document.getElementById('myPopup').style.top = top + "px"; // 设置提示框上边距 window.parent.document.getElementById('myPopup').style.display = "block"; // 显示提示框 ``` 这里假设父页面...

window.top.

03-14

另外，用户可能对window.top和window.parent的区别不太清楚，需要解释清楚。比如，window.parent是直接父窗口，而window.top是顶层祖先窗口。这时候用引用[2]和[4]中的内容来支持这个区别。然后，生成相关问题的...

关于js中[removed].href,location.href,parent.location.href,top.location.href的用法与区别

12-09

“[removed].href”、”location.href”是本页面跳转 “parent.location.href”是上一层页面跳转 “top.location.href”是最外层的页面跳转举例说明：如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的...

window.parent 与 Window.top

weixin_30482383的博客

03-22

127

window.parent 返回当前窗口的父窗口对象. 如果一个窗口没有父窗口,则它的parent属性为自身的引用. 如果当前窗口是一个<iframe>,<object>, 或者<frame>,则它的父窗口是嵌入它的那个窗口 Window.top 返回窗口体系中的最顶层窗口的引用。 window.parent ...

JavaScript window.parent、window.self、window.top

weixin_44443380的博客

01-25

1019

（1）window.top === window.self 为true表示当前窗口就是顶层窗口，没有iframe应用；在应用有frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe），self是当前窗口。在框架网页中，一般父窗口就是顶层窗口，但如果框架中还有框架，父窗口和顶层窗口就不一定相同了。注意：如果窗口本身是顶层窗口，parent属性返回的是对自身的引用。功能：返回顶层窗口，即浏览器窗口。

js中 window.top , window.parent , window.self 详解

zhang_zan

01-31

1567

js中 window.top , window.parent , window.self 详解

JS中的window.parent,window.top,window.self的区别

sinat_36841379的博客

03-30

7228

之前一直都不太知道他们之间的区别，今天做了一些小测验来总结他们之间的区别。这里强调的是不是指的是网页（返回网页的首页或者上一个网页），而是指的是一个网页中的窗口（框架）。如果不清楚，那就继续往下看吧。首先从英文上知道，parent肯定是指父元素的窗口，top指的是最顶层的窗口，self就是指自身的窗口了。 1）window.self 对当前窗口自身的引用。 2）window.to

js中window.opener和window.parent的用法

weixin_33797791的博客

09-05

370

在最近开发的web项目中，经常用到页面中嵌套很多的页面，页面间的传值。现在总结如下： 1.window.self就表示当前打开的窗口 2.window.top就表示最顶层的窗口（假如说你在一个窗口里面有嵌套了其他一些窗口，那么top就表示这个最顶层的窗口） 3.window.parent----是iframe页面调用父页面对象举例; a.html ...

window.parent、window.top、window.self用法及区别

qq_25285531的博客

12-24

2834

在应用有frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe)，self是当前窗口。