【iframe父页面调用子页面的方法】踩坑：获取元素的时候需要用 `[x]`是关键，不能用`.eq(x)`否则获取不到。

已于 2022-08-09 14:18:45 修改
阅读量199 收藏
点赞数
分类专栏： layui 前端 js 文章标签： javascript 前端
于 2022-08-09 14:18:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55546349/article/details/126246677
版权
本文介绍了在iframe环境下，父页面如何正确地调用子页面的元素，强调了在选取元素时使用方括号`[x]`而非`.eq(x)`的重要性，因为后者可能导致无法正确获取元素。
摘要由CSDN通过智能技术生成

在这里插入图片描述

获取元素的时候需要用 [x]是关键，不能用.eq(x)否则获取不到。

var iframe = $('body', parent.document).find('#LAY_app_body .layadmin-tabsbody-item').find(
最低0.47元/天 解锁文章
常安cc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[油猴脚本开发指南]脚本往页面上添加新元素
李恒道的博客
01-23 9717
本节主要内容 转载自油猴中文网：https://bbs.tampermonkey.net.cn/ 李恒道QQ4548212 油猴中文网https://bbs.tampermonkey.net.cn/ TamperMonkey GreaseMonkey 油猴脚本 脚本交流 脚本分享 油猴脚本开发 油猴基础开发 油猴 油猴中文 公众号:叛逆青年旅舍https://bbs.tampermonkey.net.cn/ 介绍使用脚本往前端页面插入按钮或者一个小框框之类的元素.最后弄一个给b站真·一键三连的按钮.(
关于使用iframe，父元素无法获得子iframe对的元素
weixin_30258901的博客
07-05 439
首先确定自己写的方法对不对： $(document.getElementById('iframe的ID').contentWindow.document.body).find("要获得的元素")如果正确，但还是无法获得，那么就是因为 上边的方法在iframe没加载完的时候运行了。那么我们就需要这个方法： $("iframe的id").load(function () { 　　$(docum...
iframe 父窗口和子窗口的调用方法
冷月宫主的专栏
05-12 2071
父窗口调用子窗口 iframe_ID.iframe_document_object.object_attribute = attribute_value 例子 onClick="iframe_text.myH1.innerText=http://www.pint.com;" 子窗口调用父窗口 parent.parent_document_object.object_attribute = at
jQuery设置获取子页面（iframe）与父页面的元素值以及文本框onchange事件失效问题
zgphacker2010的专栏
08-17 2341
iframe页面改动parent页面的隐藏input部件value值，不能触发change事件。 实现一个依据iframe页面返回充值卡类型不同，将数据绑定到不同的input控件中。 点击选择弹出一个iframe。点击充值卡数据行。返回: 1、充值卡类型。 2、充值卡id（用的UUID）。 3、充值卡号（字符串）。 遇到的问题是当iframe选择充值卡时，无法获取parent页面inp...
jquery中父子页面之间获取元素（比如iframe页面）
最新发布
weixin_51609337的博客
11-22 1491
当前端主页面需要嵌套一个子页面，比如iframe页面，当在父页面执行子页面的操作时，用$('#元素id')就没有效果。这时就需要用到以下知识点，来实现父子页面的相互操作。
父页面取不到 iframe中的元素
qq_36760953的博客
08-01 3483
要获取iframe中的元素，需要建立在加载完成iframe元素的前提下：
用Chart.js画渐变色的曲线图，及展示某个点的坐标，踩坑实战
凝视深渊
12-06 5620
需求是这样：有一系列数据，是写死在JS中的，利用这些数据点绘制折线图。然后会调用接口拿到一个点的数据（只有横坐标），要在折线图上把这个点表示出来，并显示点数据（tooltip）。先看看本宝宝用chart.js画的效果图：怎么样，还是蛮漂亮的吧？几乎原原本本地达到了UI师的设计稿。废话不说，先上代码。这是HTML:<canvas id='mychart' width='300' height='200
JS刷题/前端面试时踩的坑/附前端面经
weixin_43200099的博客
08-15 571
JS的全局变量问题 在刷题的时候我们尽量用let const的语法，遇到新的变量时也千万别忘了加。 不然很可能定义成全局变量了，然后因为作用域的原因值就不对，特别是遇到什么递归啊回溯啊啥的… 数据、对象的一个遍历问题 关于for…in 、for…of const obj = { 'abc': ['kk', 'bb'], 'def': ['mm'], 'ghi': ['jj', 'kk'] } for (let i in obj) { console.log(i);//abc de
Windows下使用GitHub Pages搭建hexo博客详细教程以及Next主题超全配置
zdaiot的博客
09-25 5475
前言 马上要进入研究生了，不能再过浑浑噩噩的日子了，搭建一个小网站，用于记录自己所学的东西。其实，之前在腾讯云1元乞丐版上也搭建过博客，但是呢，只用来扯淡了。这次使用 GitHubPages 和 Hexo 建立自己的博客，希望能够促进自己成长。 下面先介绍为何选择 GitHubPages 和 Hexo 来搭建博客，然后介绍搭建博客的详细过程。 Why GitHub Pages and Hexo 因...
子页面切换html,iframe中父页面调用iframe框架内的子页面方法时，切换第二个子页面时，方法失效，DOM0消失...
weixin_42401159的博客
06-03 275
原于事前图近枚态后标近枚态后标近枚态后标近因：需要控制项目中使用iframe构建的部分的音频，由于audio标签位于子页面，暂时没有找到JS禁用浏览器声音的方法，所以需要用到子页面(iframe嵌套页面)内音量控制的方法，使用hreflink.window.childFunction();来调用子页面的方法。我创建了一个img标签，将图片的onclick事件设置为父页面引用子页在定都这十有转页于近...
iframe遇到的坑，如子父页面元素获取报错，iframe.contentWindow == null等等
张井乙ccccyc的博客
02-02 1万+
新接触了一个用iframe的项目，入门的时候子父页面的元素获取和传值搞得我头晕脑胀，浪费了很多时间。 在此，总结下iframe的一些小知识 子页面获取父页面元素 //js //获取父页面的window window.parent //获取父页面元素 window.parent.document.getElementById("objid")......
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父页面与子页面之间的元素获取与方法调用
ChenXJ
11-15 2万+
父页面与子页面之间的元素获取与方法调用： 1、JS 父调子 子调父 元素 window.frames[iframe的name属性值]; ① window.parent.document.getElementById("父页面元素ID"); ②window.parent.document.getElementsByTagName(
iframe嵌套里父页面如何获取子页面的元素
荣默默的博客
02-15 4235
父页面代码：   子页面代码： 你好好 父页面的js里的代码： $("#cggl_iframe_simple").contents().find("div  #ui3_city_change").hide(); 在子页面获取父页面元素代码： var val = parent.document.getElementById("txt1");
通过js或jQuery,<iframe>子父窗口之间元素、方法、window的相互获取
MOONCOM的博客
11-11 2万+
1、js在子窗口获取父窗口的window window.parent //此时可以调用父窗口的window方法，比如获取父窗口的高度window.parent.innerHeight，宽度window.parent.innerWidth，移动父窗口的位置等，具体的可以看本人博客的《获取浏览器窗口的尺寸及对浏览器窗口的一些操作》篇。 2、js在父窗口获取子窗口的window $("#
Jquery 获取 iframe 父页面与子页面的元素和方法
清山博客
05-30 2万+
1.在页面中查找 iframe 页面元素： $("#iframe").contents().find("#id") 2.在 iframe 中查找父页面元素： $("#id", parent.document) 3.在 iframe 中调用父页面中定义的方法和变量： parent.method parent.value
layui父页面执行子页面方法常见问题
yang0511hui的专栏
05-25 1208
1.大家都知道在父页面调用方式如下： var childlay= window[layero.find('iframe')[0]['name']]; childlay.initXXXX(); 2.使用时总是发现无法调用子页面方法，有时怀疑脑子是不是有问题^_^，由于不做笔记，每次都要折腾一番 要调用子页面方法initXXXX()不能放在layui模块内，比如子页面： layui.use(['layer', 'layedit', 'form'], function() { function...
在父页面调用iframe子页面的JS方法
热门推荐
heartbeaty的专栏
02-18 4万+
parent function parentFunction() { alert('function in parent'); } function callChild() { child.window.childFunction(); /* child 为iframe的name属性值， 不能为id，因为在FireFox下id不能获取iframe对象 */ }
iframe父页面与子页面交互：获取子页面参数技巧
1. iframe的使用：在父页面中，我们创建一个iframe元素，如`<iframe name="parentPage"></iframe>`，`name`属性用于识别和引用这个iframe。 2. 子页面元素设置：在子页面中，有一个`<input>`元素，类型为`text`，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值