iframe中子类和父类相互获取变量及元素的方式

最新推荐文章于 2022-11-11 00:20:32 发布
最新推荐文章于 2022-11-11 00:20:32 发布
阅读量770 收藏
点赞数
分类专栏： 前端相关
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tgm523151/article/details/84755140
版权

关于iframe的一些问题:

1.对于含有iframe的页面,必须使用服务器来运行,不然会有安全问题从而导致页面显示不完全

2.子类和父类中相互取值,使用jquery方式:具体如下图

注意:这里iframe是用id来识别的,后面的$("#swiper2",window.parent.document),就是根据这里的定义来取的!

 

 这里使用名字name的值来获取子类元素

 

 

低吟过往
关注
专栏目录
2021年最新Web前端面试题精选大全及答案
m0_54861649的博客
03-07 1960
目录 HTML、CSS相关 Javascript相关 三者的异同 Vue相关 55.Vue路由懒加载（按需加载路由） React相关 react 生命周期函数 ******为什么虚拟 dom 会提高性能?(必考) (组件的)状态(state)和属性(props)之间有何不同 shouldComponentUpdate 是做什么的 react diff 原理 何为受控组件 调用 super(props) 的目的是什么 React 中构建组件的方式 小程序相关的 其他 企业中的项目流程 奇葩问题 HTML、C
2022前端相关面试题整理
qq_53089988的博客
06-09 4118
有想了解前端面试相关问题请查看
Iframe获取父页面的变量和控件
05-31
子页面获取父页面的方法，变量，标签等子页面获取父页面的方法，变量，标签等
父元素与子iframe相互获取变量和元素对象
xiebiaoling的专栏
09-13 7955
父中:    var count = 1; ------------------------------------------------------------- 子iframe中:    alert(window.parent.count); //获取父中的js变量    alert($("#username", window.parent.document
iframe子父页面变量、标签、方法的调用
weixin_38283640的博客
10-28 1028
iframe子父页面变量、标签、方法的调用
iframe的父类 子类相互调用
过天的专栏
01-12 4810
主类 function mianfun(){ $("#signMap")[0].contentWindow.childrenfun(); }; allowtransparency="true" style="border-style: outset" frameborder="0" src="${pageContext.request.contextPath}/soc
iframe 父页面与子页面之间的方法、属性的相互调用
lifeOn的博客
04-10 8885
jquery 在父窗口中获取iframe中的元素 1、格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1 实例：$("#ifm").contents().find("#btnOk").click();//jquery 方法12、格式：$("#iframe中的控件ID",document.frames("
WEB 前端面试题 (高能)
m0_64191440的博客
11-11 1200
我们让原型对象等于另一个原型对象的实例,此时原型对象 ,将包含一个指向原型对象的指针，再让原型对象 的实例等于原型对象，如此层层递进就构成了实例和原型的链条，这就是原型链的概念。取得了另外一个值，则原先的引用值引用次数就减 1，当这个值的引用次 数为 0 的时候，说明没有办法再访问这个值了，因此就把所占的内存给。如果你发现你在不同的地方写了大量代码来做同一件事时，就应该考虑将代码重构为可重用的。描述：给一个元素设置了高度和宽度的同时，还为其设置margin和padding的值，会改变该元素的实际大小。
Python 题库自动化面试题
m0_72444380的博客
09-13 2052
断言 Assert 用于在代码中验证实际结果是不是符合预期结果，如果测试用例执行失败会抛出异常并提供断言日志Web自动化测试是从UI （用户界面）层面进行的自动化测试，测试人员通过编程自动化程序（测试用例脚本）来打开浏览器测试网站的业务逻辑。Selenium是一个开源的web自动化测试框架，支持多种编程语言开发自动化测试脚本，支持跨浏览器平台进行测试所谓会话就是 session ，而 session 是一种服务器的缓存技术，由服务器端创建，
子类获取父类iframe中的值
jyd63的专栏
09-04 910
在父类中写入         1.填写代理企业基本资料     2.上传代理企业图片     3.完成
父类和子类iframe互相取值和赋值
myPet_pang的地盘
08-24 1048
【不定期更新】 其实特别想劝各位，能不用iframe还是尽量别用，感觉用起来很头痛，现在先把已经摸索到的做个总结。 【1】在页面中插入页面 ——这里就要使用到iframe了，有点不少，自己百度。 【2】子类要获取父类的url var pare_url=parent.location.href;【3】子类给父类的url赋值parent.location.href=getPath()+'/W
如何操作iframe父页面中的元素、方法、变量
热门推荐
积少成多
02-08 2万+
欢迎访问我的个人博客 http://xiaolongwu.cn/ 方法 1. 在iframe中查找父页面元素的方法： jQuery的方法：$("#id",window.parent.document) 原生的方法：window.parent.document.getElementById("id"); //有时候iframe会嵌套好几层，那么嵌套两层时就是： window.par...
iframe子级获取父级的元素、方法，父级获取子级的元素、方法
weixin_44111803的博客
03-21 1789
iframe子级获取父级的元素、方法，父级获取子级的元素、方法
在iframe中寻找iframe父类中的元素
韩小文的博客
03-09 2511
<div class="main-container" id="main-container"> <div class="main-container-inner"> <a class="menu-toggler" id="menu-toggler" href="#"> <span class="menu-text"></span>
iframe子页面与父页面元素的访问以及js变量的访问
赶路人儿
11-30 5138
1、子页面访问父页面元素  parent.document.getElementById('id')和document相关的方法都可以这样用 2、父页面访问子页面元素  document.getElementById('iframeId').contentDocument.getElementsByTagName('table'); contentDocument后可以使用document相关方法...
iframe获取父类数据
最新发布
07-29
要在iframe中获取父类数据，可以使用JavaScript的parent对象。下面是一个示例代码： ``` // 在iframe中获取父类数据 var parentData = parent.document.getElementById("parentElementId").innerText; console.log...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值