iframe 原生js与jQuery 获取父窗、子窗的iframe（多个iframe，没有id没有name）

最新推荐文章于 2023-06-01 11:28:18 发布
最新推荐文章于 2023-06-01 11:28:18 发布
阅读量1.5k 收藏 3
点赞数 1
分类专栏： js 文章标签： iframe js JQ
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_23064501/article/details/81736843
版权
本文介绍了如何在iframe中实现父窗口与子窗口的交互，包括使用jQuery和原生JavaScript调用子窗口方法、获取元素，以及子窗口反向操作父窗口和兄弟iframe的方法。详细展示了不同场景下的代码示例。
摘要由CSDN通过智能技术生成

1、父窗口调用子窗口的方法(注意调试也要聚焦在父窗口)

JQ
$(“iframe”)[curIndex].contentWindow.effectMoveL();
原生JS
document.getElementsByTagName(‘iframe’)[0].contentWindow.effectMoveR()

2、父窗口获取子窗口元素的方法

原生Js
document.getElementsByTagName(‘iframe’）[index].contentWindow.document.getElementById(‘fouse’)

document.getElementsByTagName(‘iframe’)[0].contentWindow.document.getElementsByClassName(‘tip’)

JQ(多个iframe,没有id)

最低0.47元/天 解锁文章
NANA北极
关注
专栏目录
jquery、js调用iframe父窗口与子窗口元素的方法整理
12-09
使用原生 `JavaScript`，在iframe子页面中获取父页面元素的代码如下： ```javascript window.parent.document.getElementById("元素id"); ``` `window.parent` 代表父窗口，`document.getElementById` 则是选取...
iframe 原生js与jQuery 获取父窗、子窗的iframe（多个iframe，没有id没有name）
喵丶布
11-13 343
https://blog.csdn.net/qq_23064501/article/details/81736843
获取页面iframe内容并操作其中的节点，当iframe没有id时
weixin_34163553的博客
09-19 748
2019独角兽企业重金招聘Python工程师标准>>> ...
selenium python中关于iframe的定位
学乐的专栏
11-07 9537
最近自己在
jquery 获取没有class/id的元素！！！
weixin_42645716的博客
03-01 4201
项目中，常常遇到一个情况，引用一些封装好的插件，需要修改插件里自动生成的一些元素样式。也许这些元素没有class名或者id名。可以用下面这种方法进行解决！！！ $(“div[title=‘缩小’]”).parent(“div”).hide(); ...
python自动化测试开发：当frame/iframe没有可用的id或者name属性时，多表单（frame/iframe）如何进行切换
jingyueshi2009的博客
10-19 2828
在设计自动化测试脚本时，经常会有多表单（frame/iframe）需要切换，否则无法定位到表单上的元素，在python中使用switch_to.frame()方法，具体用法如下 1、switch_to.frame()默认直接调取表单的id活name属性。 示例： driver.switch_to_frame("tabLine0_iframe") 2、如果iframe没有可用的Id或者nam...
js与jQuery 获取父窗、子窗的iframe.docx
01-21
### JavaScript与jQuery获取父窗口与子窗口中的iframe详解 #### 一、引言 在Web开发过程中，`iframe`（Inline Frame）是一种常用的HTML元素，用于在网页中嵌入另一个HTML文档。它允许开发者在一个页面中展示多个...
javascript原生和jquery库实现iframe自适应高度和宽度
01-19
javascript原生和jquery库实现iframe自适应内容高度和宽度—推荐使用jQuery的代码！ ‍<iframe src=index....
iframe获取焦点的问题、获取iframe src、打开新窗口window.open()
热门推荐
u013037145的专栏
03-04 1万+
1、先获取iframe再加focus()函数 document.getElementById('embed').focus(); 2、在iframe框架里面点击元素让iframe获取焦点 如果www.lingpic.com里面有个 的元素 那我们点击box让iframe获取焦点。例： document.getElementById('box').onclick = functi...
JQ/JS 父页面获取iframe子窗口的元素
cksdbb的博客
09-01 1万+
无论是原生的js还是jquery，我们必须在iframe加载完毕以后才能进行操作获取子页面的元素进行相应的操作。 方法1：原生JS进行父页面获取iframe子窗口的元素 document.getElementById('iframeId').contentWindow.document.getElementsById('iframe子页面Id') window.frames["iframeID"].document.getElementsByClassName('iframe子页面ID') .
iframe多层级页面调用父子兄弟祖孙页面方法
最新发布
biubiubiu
06-01 794
遇到复杂的页面也不要着急，一定要先认真分解页面组成，我一开始以为页面只有两层，在子页面找孙子页面的方法肯定是会报错的。多层页面尤其需要注意嵌套的关系，在没有ID的情况下选择器也要尽量精准，数组格式别忘了加上索引。
解决js获取到指定的iframe以实现刷新的效果
xwyjw的博客
09-17 943
先说一下自己的踩坑经历吧 1.首先要想获取到自己需要的iframe，我们必须需要知道咱们的页面结构，然后才能进行下一步去获取咱 们需要的iframe，一般情况下咱们是通过iframe的name或id对他进行匹配。 2.由于我的项目是多层嵌套，再加上自己前期一直想刷新而不是先去了解页面结构导致自己做了好多无用功 3.当咱们需要去寻找子页面里的iframe时首先要找到父页面的iframe 下面说一下我的解决思路是什么吧 ①我在咱们打开页面时给他传一个id方便咱们进行寻找父级的iframe 然后在页面
iframe页面事件，递归获取所有iframe
glgom的博客
07-21 2445
获取所有iframe
jquery中获取iframe的id的方法：
aojiexu2568的博客
03-02 708
jquery中获取iframe的id的方法： var frameId = window.frameElement && window.frameElement.id || ''; alert(frameId); 比如有个 <iframe id="FrameX" src="../index.html" scrolling="no" frameborder=...
js获取iframe中的元素以及在iframe中获取父级的元素（包括iframe中不存在name和id的情况）
he3236220的博客
06-17 7410
第一种情况：iframe中不存在name和id的方法：（通过contentWindow获取） var iframe = document.getElementsByTagName(‘iframe’)[0]; var ifr_document = iframe.contentWindow.document;//iframe中的文档内容 或者： var _iframe = document.getElementByIdx_x(‘iframeId’).contentWindow; var _div =_ifram
jquery怎么获取当前页面iframe的id
sinat_38818576的博客
10-15 5637
var frameId = window.frameElement && window.frameElement.id || ''; alert(frameId); 代码来源：https://zhidao.baidu.com/question/1691551926435524388.html
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值