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

最新推荐文章于 2023-06-30 01:48:10 发布

柒仔不安

最新推荐文章于 2023-06-30 01:48:10 发布

阅读量7.4k

点赞数 1

分类专栏： js 文章标签： iframe

本文链接：https://blog.csdn.net/yan263364/article/details/80438445

版权

js 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

一、目的

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

// eg：iframe页面找父页面的 #nav
$('#nav',parent.document)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

柒仔不安

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

获取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:...

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

父窗口调用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<string> path = new List<string>(); ...

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页面之间的操作

u010271602的博客

08-28

353

iframe页面之间的操作

iframe与父窗口交互(不同源不能拿到彼此的dom)

weixin_43837268的博客

06-08

8028

如果两个网页不同源，就无法拿到对方的DOM。典型的例子是iframe窗口和window.open方法打开的窗口，它们与父窗口无法通信。比如，父窗口运行下面的命令，如果iframe窗口不是同源，就会报错。 document.getElementById("myIFrame").contentWindow.document // Uncaught DOMException: Blocked...

多种方案教你实现iframe嵌套页面相互传参(父子通信)

热门推荐

会飞的程序猿的博客

03-16

5万+

还是附上代码吧。不多说，方便日后查看父页面代码：<!DOCTYPE html> <html> <head> <title>parents</title> <meta charset="UTF-8"> </head> <body> <scr

iframe子页面获取父页面元素的方法

每文的博客

09-24

1万+

在iframe子页面获取父页面元素 $.('#objld', parent.document); 在父页面获取iframe子页面的元素 $("#objid",document.iframes('iframe').document)或$(document.getElementById('iframeId').contentWindow.document.body).html() ...

原生js获取iframe中dom元素--父子页面相互获取对方dom元素

huanghui的专栏

11-27

1万+

用原生js在父页面获取iframe子页面的元素，以及在子页面获取父页面元素，这是平时经常会用到的方法，这里写一个例子来总结下： 1、父页面（demo.html），在父页面修改子页面div的背景色为灰色，原来为红色： demo主页面 window.onload = function(){ var _iframe = document.getElementById('if

iframe简单使用、获取iframe 、获取iframe 元素值、iframe获取父页面的信息

m0_63348818的博客

06-19

4万+

标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。注意：URL建议用绝对路径如果一个页面里面有框架，点页面里的连接，要求在这个里打开。在中规定name 然后在修改默认打开模式，：网页head中加上或部分连接的目标框架设为（**）要插入一个页面。要求只拿中间一部分。其他的都不要。代码：控制插入页被框架覆盖的深度控制框架覆盖上部分的深度 scrolling滚动条要否（auto、yes、no） frameborder框架的边框大小，width=776 height=2

iframe子页面获取父页面元素,或父页面获取iframe子页面的元素

我的博客

02-27

1300

用JS或jquery访问页面内...