首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >从iframe访问和更改父页面(使用jquery)

从iframe访问和更改父页面(使用jquery)
EN

Stack Overflow用户
提问于 2012-05-25 12:24:28
回答 2查看 29.5K关注 0票数 23

有没有办法从iframe访问parrent页面(并更改parrent页面)?

代码语言:javascript
复制
<body>
   <iframe src="frame1.html" name="frame1" height="100%"></iframe>
   <div id="test1"></div>
</body>

在frame1.html中是<a href=..>,当单击<div id="test1"></div>时,我想将文本"<h1>clicked</h1>“添加到<a href..>中。

谢谢。

EN

回答 2

Stack Overflow用户

发布于 2012-05-25 13:31:10

如果您的子页面(frame1.html)与父页面位于相同的域中,您可以在子窗口中编写如下代码:

代码语言:javascript
复制
 $('#test1', parent.document).html('<h1>clicked</h1>');

第二个参数提供搜索与第一个参数匹配的元素的context。文档在这里:http://api.jquery.com/jQuery/#jQuery-selector-context

代码语言:javascript
复制
 jQuery( selector [, context ] )

因此,您的代码(frame1.html)可能是这样的:

代码语言:javascript
复制
 <a href="..." 
  onclick="$('#test1', parent.document).html('<h1>clicked</h1>');">click me</a>

希望这能有所帮助。

票数 23
EN

Stack Overflow用户

发布于 2017-07-12 04:13:17

下面的代码应该可以正常工作:

代码语言:javascript
复制
$(parent.document).find("#selector");

选择器来自父文档,用于执行某些操作。例如:

代码语言:javascript
复制
$(parent.document).find("#selector").remove();
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10748449

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档