iframe中获取父窗口的元素

最新推荐文章于 2022-08-03 16:27:46 发布

Ned_mahone

最新推荐文章于 2022-08-03 16:27:46 发布

阅读量1.8k

点赞数 1

分类专栏： --Web_JavaScript

本文链接：https://blog.youkuaiyun.com/Ned_mahone/article/details/79669703

版权

--Web_JavaScript 专栏收录该内容

15 篇文章

订阅专栏

本文介绍如何在iframe内部操作其父窗口中的DOM元素，包括调用父窗口的函数、获取父窗口的特定元素等技巧，并提供jQuery实现的具体示例。

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

一个html，叫a

<div>
    <ul id="munutopviews">
        <li>
            <a href="javascript:_M(0,'home.php?file=new')" class="return-home">首页</a>
        </li>
    </ul>
</div>

在a页面中有一个iframe，叫i

<div class="page-body">
   <iframe name="right" id="rightMain" class="rightMain" frameborder="false" src="" scrolling="auto" style="border:none;" width="100%" height="auto" allowtransparency="true"></iframe>
</div>

如果想在i中获取到a的元素ul，可以这样写：

var top = $("#munutopviews", parent.document);

还有就是：

1，子iframe内调用父类函数方法：

window.parent.func();

2，子Iframe中获取父界面的元素：

$("#xx", window.parent.document);

这个xx就是父界面中要获取的元素的ID。

3，jquery 调用子iframe页面中js的方法：

iframefunction()是子页面的方法

$(window.parent.document).contents().find("#iframename")[0].contentWindow.iframefunction();

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！