iframe中取得父页面的元素，父页面取得子页面的元素

最新推荐文章于 2021-06-08 11:32:00 发布
最新推荐文章于 2021-06-08 11:32:00 发布
阅读量330 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 回顾 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jiangtao7913/article/details/50396813
本文详细阐述了如何在父页面获取子页面元素及在子页面获取父页面元素的方法，包括使用jQuery的$.方法和document.frames().document进行跨域操作。

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

1.子页面获取父页面的元素$.('#元素id', parent.document);

2.父页面获取子页面的元素$("#username",document.frames("iframeName").document

时间关系这里就不举例子了

 

document获取父页面的对象
NeWnIx
10-27 5387
今天在做一个简单的例子的时候遇到了一个问题 首先这个例子就是点击图片，执行函数，submit表单之后，转到另一个jsp页面 我用的是js写的，但是点击玩按钮之后能出现111的弹窗，却没有出现转换到那个页面 index.jsp <% /*String path = request.getContextPath()ISO-8859-1; String basePath = reque
使用jQuery获取父页面元素及子页面元素的方法
allenallensignior的专栏
10-21 441
背景： 子页面元素是include进来的,在[color=red]子页面[/color]元素需要获取父页面的元素做一些操作.. jquery提供了一个很好的方法 $("#父页面元素id" , parent.document) 同样适用于iframe 背景： 子页面元素是include进来的,在[color=red]父页面[/color]元素需要获取子页面的...
关于页面中iframe标签内的元素怎么刷新iframe父元素地址栏
A struggling white
12-24 280
1、在iframe中的要跳出的页面的头部加入 2.在写跳转地址时格式：window.top.location.href
通过js或jQuery,<iframe>子父窗口之间元素、方法、window的相互获取
热门推荐
MOONCOM的博客
11-11 2万+
1、js在子窗口获取父窗口的window window.parent //此时可以调用父窗口的window方法，比如获取父窗口的高度window.parent.innerHeight，宽度window.parent.innerWidth，移动父窗口的位置等，具体的可以看本人博客的《获取浏览器窗口的尺寸及对浏览器窗口的一些操作》篇。 2、js在父窗口获取子窗口的window $("#
js/jquery获取父窗口元素
weixin_39255905的博客
06-08 8811
取父窗口的元素方法：$(selector, window.parent.document); 那么你取父窗口的父窗口的元素就可以用：$(selector, window.parent.parent.document); 类似的，取其它窗口的方法大同小异 $(selector, window.top.document); $(selector, window.opener.document); $(selector, window.top.frames[0].document); ...
iframe中获取父窗口的元素
Ned_mahone的博客
03-23 1849
一个html，叫a &lt;div&gt; &lt;ul id="munutopviews"&gt; &lt;li&gt; &lt;a href="javascript:_M(0,'home.php?file=new')" class="return-home"&gt;首页&lt;/a&gt; &l
jQuery取得iframe中元素的常用方法详解
11-23
1. **在`iframe`子页面获取父页面元素**： ```javascript $('#objId', parent.document); ``` 这个例子中，`parent.document`代表父页面的文档对象，通过它我们可以选择父页面中特定ID的元素。 2. **在父页面...
jQuery子窗体取得父窗体元素的方法
10-24
特别是当页面使用了iframe、弹出窗口（window.open）或模态对话框（showModelDialog）的时候，如何从子窗体访问并操作父窗体的元素就显得尤为重要。本文将详细介绍如何使用jQuery来实现这一需求。 首先，要在子窗体...
解析Jquery取得iframe中元素的几种方法
10-27
在Web开发中，iframe元素被用来在当前页面内嵌另一个页面，这对于包含第三方内容、页面布局等场景非常有用。然而，操作iframe中的内容比操作普通HTML元素要复杂一些，尤其是在不同源的情况下。jQuery，一个快速且...
js取得html iframe中的元素和变量值
10-25
`iframe`（Inline Frame）是一种嵌入式对象，它可以在一个网页中加载另一个网页，实现页面的分层展示。`iframe`的使用使得我们可以将不同内容模块化，便于管理和维护。 当我们尝试获取`iframe`中的内容时，必须确保...
iframe 里面的遮罩被父元素盖住问题
qq_40247562的博客
11-07 4611
前言：最近项目遇到的问题，项目的所有菜单点击会出现对应的子页面，同时出现本页面的选项卡，（之后类似于选项卡的操作，不过选项卡的标签是由点击的菜单组合而成）。类似效果如下： 实现方法：点击每个菜单的时候，下面的内容由iframe 切换，同时创建选项卡......。 问题：由于所有的子页面是由iframe 链接进去，所以在iframe上的遮罩层不会遮住完成的dom,导致外层的按钮还能操作。 ...
Spring-web-MultipartFile上传文件
文天大人
04-27 489
怀念二抱三抱
父页面取子页面iframe中的元素
Tree3170 的专栏
11-21 488
$(window.frames["DyncMenuPlugInFrame"].document).find("a").css("color","red"); window.document.getElementById("DyncMenuPlugInFrame").contentWindow.document.getElementById("scuser").value 父页面： Sele
iframe刷新后，父页面获取子页面的元素
wei3181658的博客
12-11 554
function fresh(){ var obj=document.getElementById('iframe').contentWindow; var ifmobj=obj.document.getElementById("selete_car_model"); var frm= document.getElementById('iframe'); document.getE
iframe子页面中获取父页面元素的值
u014327499的博客
09-15 1万+
1.获取父页面的一个span的内容var username=$("#user",parent.document).text();2.如果需要获取的元素和当前iframe还隔着好几个iframe可以用var username=$("#user",top.document).text();可以看出来parent是获取上一层窗体的内容 而top是获取顶层窗口的内容下边摘抄自网页 “window.loc
iframe获取父级页面中元素
皮卡丘踢球
05-14 2613
$('.firstNav',window.parent.document).find('li').eq(1).addClass("hover");iframe获取父级页面中元素
深入理解js中的display:none和visibility属性
jiangtao7913的博客
12-22 9347
1.用javascript隐藏控件的方式有两种：分别设置控件的style的“display”属性和“visibility”属性。当style.display="block"或者style.visibility="visible"时，控件是可见的。当style.display="none"或者style.visibility="hidden"时控件是不可见的。这两者的区别是：“display”不但隐
百度地图路书边画线边走
jiangtao7913的博客
03-27 4097
page contentType="text/html;charset=UTF-8" language="java" %> html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> xmlns="http://www.w3.org/1
获取iframe子页面元素
最新发布
02-27
### 使用 JavaScript 访问 iframe 内部 HTML 元素 当需要访问 iframe 中的 DOM 元素时，可以利用 `contentDocument` 或者 `contentWindow.document` 属性来获取 iframe 文档对象模型 (DOM)，进而对其进行操作。不过需要注意的是，这种做法仅适用于同源策略下的情况；即父页面和 iframe 页面属于同一个协议、域名以及端口。 对于同源的情况，下面是一个具体的例子展示如何取得并修改 iframe 内的一个特定元素： ```javascript // 假设有一个 id 为 'exampleIframe' 的 iframe 标签存在于当前网页上 var iframe = document.getElementById('exampleIframe'); if (iframe) { try { // 尝试获取 iframe 的文档对象 var doc = iframe.contentDocument || iframe.contentWindow.document; if (doc) { // 找到 iframe 内部具有指定 ID 的元素 var elementInsideIFrame = doc.getElementById('targetElementId'); if (elementInsideIFrame) { console.log("找到目标元素:", elementInsideIFrame); // 对该元素做一些事情，比如改变其文本内容 elementInsideIFrame.textContent = "新文本"; } else { console.error("未找到目标元素"); } } else { console.error("无法获得 iframe 的文档对象"); } } catch(e) { console.error("发生错误：" + e.message); } } else { console.error("找不到名为 exampleIframe 的 iframe"); } ``` 上述代码展示了查找并更新 iframe 内部某元素的过程[^1]。 如果涉及到 jQuery 库的话，则可以通过 `.contents()` 方法简化这一过程[^2]。 然而，在处理不同源的情况下尝试读取或写入另一个窗口的内容会触发浏览器的安全机制，阻止此类行为以保护用户隐私安全。此时通常只能通过 postMessage API 实现有限度的数据交换[^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值