iframe嵌套父子标签相互获取父子元素的解决办法

最新推荐文章于 2024-04-25 16:20:24 发布

原创最新推荐文章于 2024-04-25 16:20:24 发布 · 724 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何在父窗口与子窗口之间进行元素交互，包括父页面获取子页面元素及子页面调用父页面函数的方法，对于网页开发中解决跨窗体通信问题具有重要指导意义。

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

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

document.getElementById('childFrm').contentWindow.document.getElementsByClassName('childClass');  //获取子页面的对象，这个地方曾尝试使用jQuery，但是不知道为什么不行，只能用原生的

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

$("#childId",parent.document).val();     //获取父页面元素的value值

parent.parentmethod();      //子页面调用父页面的函数

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_34754235

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

多层嵌套Iframe的自适应问题解决

bohemia的专栏

04-15

9422

/** * 多层嵌套Iframe的自适应问题解决 * * @author: Cheng * @Email : bohemia1985@163.com */一.为什么需要Iframe? 由于Iframe相当于独立的窗体，因此可以动态改变Iframe中的稳当的内容，而没有必要改变其他的元素。正是因为这个特点，所以Iframe在某方面就显示了它的优越性。对于我的情况，主要是为了减少重复载入网页中已

iframe跨域父子页面通信方法

milkhq的博客

06-05

2053

尽管iframe因兼容、性能等问题逐渐被替换掉，但有不少存量项目仍在使用。最近，我们部门一位小伙伴遇到iframe跨域相关问题，详细如下： [问题前置条件] 有两个系统A、B（都是银行存量老系统），A、B跨域； A系统中有一个页面a、B系统中有一个页面b； b以iframe方式嵌在a页面中。 [问题描述] 原来的逻辑是：在b页面有一个保存按钮，点击“保存” -> 将b页面的数据存在B系统，a页面处理完成后调用B系统的接口，把b页面的数据再通过接口的方式传给A系统。现在优化...

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

防止IFRAME页被嵌套

weixin_34007291的博客

04-21

159

防止IFRAME页被嵌套 //最大化窗口，防止窗口嵌套 if (parent.location != window.location){ parent.location = window.location; } 来自：http://user.qzone.qq.com/526605799/blog/1397193941 ...

js解决iframe页面嵌套问题

08-14

2009

在页面使用iframe元素时，有时会出现同一页面嵌套的情况。比如登录信息失效后，点击导航访问Controller返回JSP嵌套到iframe中去，但是Controller有可能会返回登录页面，这样你的主内容区域就会显示登录页面，这显然是不想要的结果，正常情况应该页面跳转到登录页面，解决方法如下： <script type="text/javascript"> if...

解决iframe无限嵌套问题。

weixin_34405354的博客

01-21

1790

2019独角兽企业重金招聘Python工程师标准>>> ...

关于解决iframe标签嵌套问题的解决方法

11-21

问题描述当我们使用easyui做后台管理系统的时候，会使用tree组件来实现树形菜单，而我们每点击一次相应菜单，会根据是否有url来判断是否是一级菜单，以及是否已经存在 //根据该节点名字判断该节点是否存在 if ($("#tabs").tabs("exists",node.text)){ //如果存在就直接选中 $("#tabs").tabs("select",node.text); } 如果为否，我们就会嵌套一个iframe标签来打开一个相应的

嵌套iFrame使用postMessage相互传递消息（嵌套iFrame、跨父子窗口、跨页面）.zip

01-06

练习说明：使用postMessage可以在iFrame、父子窗口、跨页面等，之间相互传递消息。你好，我是TKCB-GO，一个有着游戏策划梦想，却沦为程序员的游戏家，这是我的技术博客：www.tkcb.cc 技术博客网站里面，除了我的...

如何实现iframe父子传参通信

10-15

在网页开发中，有时我们需要在不同的页面之间传递参数，特别是在使用`iframe`嵌套页面时。`iframe`的父子通信可以让我们实现不同页面间的交互，无论是同源策略下的非跨域通信，还是需要应对跨域场景。下面我们将详细...

如何优雅的实现 iframe 多层级嵌套通讯

最新发布

u014771745的专栏

04-25

2252

在前端开发项目中，不可避免的总会和iframe进行打交道，我们通常会使用实现消息通讯。iframe父子通讯iframe同层级通讯iframe嵌套层级通讯当面对这种复杂的情况的时候，通讯不可避免成为复杂问题。

layer弹出层父子页面事件相互调用方法

10-18

为了实现数据的传递，可以通过在父页面中设置iframe的src属性，并在子页面中使用JavaScript获取父页面传递的参数，同时也可以在子页面中操作父页面的DOM元素或调用父页面的方法。在上述提供的代码片段中，父页面...

JS解决iframe页面“套娃”问题

奋斗的新丁

03-10

1040

使用inframe框架来内嵌页面时，经常会碰到登陆过时导致页面套娃，如图那么如何防止这种问题出现呢，我们在登陆页面中加上这段代码就可以了，原理是该页面加载时会检查是不是浏览器最顶层页面，不是的话浏览器最顶层页面会变成此页面。 <script> (function (window) { if (window.location !== window.top.location) { window.top.location = window.location; } })(th.

iframe自适应高度，多层嵌套iframe自适应高度的解决方法

wxljmy的专栏

03-06

1517

iframe自适应高度，多层嵌套iframe自适应高度的解决方法在页面无刷新更新方面，虽然现在的ajax很强悍，但是处理代码相对多点。想比之下，iframe就简单多了！处理iframe的自适应宽、高，会经常用到，网上整理了一份，写在这里备用：单个iframe 高度自适应：起作用的是这句：onload="this.height=iFrame1.document.body.scro

关于组件嵌套问题的解决iframe

JackMa的博客

09-11

580

关于组件嵌套问题的解决iframe

iframe 子级获取父级元素

wan小小冰的博客

03-11

2508

//获取父级元素 parent.$(window.parent.document).find(elem)； //比如子级页面控制父级元素隐藏 $(document).click(function (e) { parent.$(window.parent.document).find('.menuBar .menuLevel2').slideUp(); }); ...

访问嵌套iframe遇到的问题

jin19930729的专栏

04-08

3747

一直想做个类似mini ui中的弹出层效果，能够chua

子页面和父页面元素的互相获取

mkmmkkghhhhhhhh的博客

06-08

2386

子页面和父页面元素的互相获取

【零碎知识点】- iframe嵌套

weixin_44273311的博客

02-24

633

iframe

父页面操作嵌套iframe子页面的HTML标签元素

weixin_33984032的博客

03-23

215

一个页面A.html使用iframe嵌套一个页面B.html，在A页面写js操作B页面HTML元素，首先要获取到B页面document对象，才能对嵌套页面进行操作请看一个实例，在A页面写js操作B页面div的内容： A.html代码： <!DOCTYPE html> <html> <head> <meta char...

HTML与CSS--------标签嵌套规则及行块标签特性

Anna_ll的博客

08-20

552

行块标签特性块标签 1.标签独占一行 2.块标签默认宽度是100%(父级的宽度) 3.块标签可以设置宽高 4.块标签可以嵌套块标签或者行标签(除了p,h1-h6,dt) 行标签 1.行标签可以共用一行 2.行标签默认是由内容撑开宽高 3.大部分行标签都不能设置宽高(除了img,input

利用jQuery实现父子窗口间元素的相互获取

这个“jquery父子窗口互相获取元素demo”不仅是一个技术实现的示例，也是对Web开发中常见问题的解决方案。它能够帮助开发者理解如何使用jQuery来处理复杂页面结构中元素的交互问题，并且对于提升Web前端开发能力具有...