iframe页面获取父页面的dom节点

最新推荐文章于 2023-06-30 01:48:10 发布
最新推荐文章于 2023-06-30 01:48:10 发布
阅读量7.4k 收藏 1
点赞数 1
分类专栏： js 文章标签： iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yan263364/article/details/80438445
版权

一、目的

后台管理系统嵌套了很多iframe页面，想要取得父页面的元素，需要特殊的写法，总是记不住，写下来方便寻找

// eg：iframe页面找父页面的 #nav
$('#nav',parent.document)
柒仔不安
关注
专栏目录
获取iframe中的DOM元素
Ziuc的博客
09-30 1万+
在iframe没有加载完毕时，是无法直接从根document获得iframe中的DOM节点的 ① 先获取页面中的iframe元素 ② 等待iframe加载完毕 假设页面中有若干iframe，其中index=1的iframe中有需要的元素.cke_show_borders 通过JS实现： let iframeDocument = document.getElementsByTagName('iframe')[1].contentDocument; let myDOM = iframeDocumen
解决vue页面渲染但dom没渲染的操作
10-15
这是因为直接在数据变更后操作DOM可能会遇到未更新的DOM节点，导致操作无效。正确的做法是等待Vue完成DOM更新： ```javascript this.$nextTick(() => { $("select[name='ddlCostCenter']").select2({ language:...
父窗口调用iframe子窗口方法
03-14
NULL 博文链接：https://terryang.iteye.com/blog/292913
获取父iframe的dom方法
qq_43246799的博客
03-01 687
$(window.parent.document).find("#mainShadeBox")
iframe调用父页面函数用法举例
aijiagui7454的博客
07-18 597
iframe如何调用父页面函数。 window.parent.xxxxx();//xxxxx()代表父页面方法具体列子如下，其中包括easyUI的右键和单击事件parent.jspbody部分代码 <body class="easyui-layout"> <!-- 左侧目录 --> <div data-options="region:'w...
获取所有子节点 父亲节点
weixin_33827965的博客
05-13 310
  //子节点   Expo.Database.SqlGen mycmd = new Expo.Database.SqlGen();     protected void Page_Load(object sender, EventArgs e)     {         IList&lt;string&gt; path = new List&lt;string&gt;(); ...
layer中在子iframe层中找到父iframe层的dom元素
qq_35500778的博客
03-25 527
1.需要再父iframe层中设置用“skin”参数，给父iframe设置特定的类别（自定义类名） 2.$(window.parent.document).find(".自定义类名")；这样就可以在子iframe中找到父iframe的dom元素 ...
iframe调用父页面函数示例详解
09-04
尽管`iframe`内部有自己的DOM结构，但它仍然存在于父页面的全局环境中，因此可以与父页面进行一定程度的交互。 要使`iframe`能够调用父页面的函数，我们需要使用JavaScript的`window.parent`属性。这个属性引用了...
在父页面得到zTree已选中的节点的方法
09-03
总结来说，要在父页面中获取`<iframe>`内zTree的已选中节点，关键在于正确地跨窗口引用并调用zTree对象的方法。这要求对JavaScript的DOM操作、`<iframe>`的使用以及zTree的API有深入理解。理解并掌握这个过程，对于...
layui如何获取父节点的父节点_layui框架中layer父子页面交互详解
05-30
在layui框架中，可以使用父页面的window对象来获取父节点的父节点。具体做法如下： 1. 在子页面中，通过 `window.parent` 获取父页面的window对象。 2. 在父页面的window对象中，通过 `window.parent` 再次获取父...
iframe跨域调用父窗口js.zip
06-12
实现内嵌的iframe跨域调用父页面js方法
子页面访问父页面 和 跨iframe访问
03-15
NULL 博文链接：https://pireswang.iteye.com/blog/325571
iframe页面之间的操作
u010271602的博客
08-28 353
iframe页面之间的操作
iframe与父窗口交互(不同源不能拿到彼此的dom)
weixin_43837268的博客
06-08 8032
如果两个网页不同源，就无法拿到对方的DOM。典型的例子是iframe窗口和window.open方法打开的窗口，它们与父窗口无法通信。 比如，父窗口运行下面的命令，如果iframe窗口不是同源，就会报错。 document.getElementById("myIFrame").contentWindow.document // Uncaught DOMException: Blocked...
多种方案教你实现iframe嵌套页面相互传参(父子通信)
最新发布
tangdou369098655的博客
06-30 2万+
在工作中，我们会遇到一些需求，使用iframe嵌套另一个页面，这个页面大部分情况下不会部署在父页面相同的域名下，但是又需要父子页面进行数据交互，那么我们该怎么处理呢？接收postMessage方的怎么用呢？postMessage方法有三个参数。欢迎大家指出文章需要改正之处~iframe页面添加代码。iframe页面添加代码。iframe页面添加代码。iframe页面添加代码。一起来看一下效果吧~
html iframe 子页面调用父页面的方法
热门推荐
会飞的程序猿的博客
03-16 5万+
还是附上代码吧。不多说，方便日后查看父页面代码：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;parents&lt;/title&gt; &lt;meta charset="UTF-8"&gt; &lt;/head&gt; &lt;body&gt; &lt;scr
在iframe里面获取父页面和顶层父页面，window/window.parent/window.top/top.window
weixin_52314006的博客
10-26 1837
（3）window.top和top.window是顶级窗口。（1）window和window.self是当前窗口；（2）window.parent是父级窗口；
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值