jQuery操作iframe中元素，方法，变量

最新推荐文章于 2020-07-29 14:22:28 发布
转载 最新推荐文章于 2020-07-29 14:22:28 发布 · 1.1k 阅读 · 0

本文介绍了在不同iframe间进行交互的方法，包括子页面访问父页面元素、父页面获取子页面元素、调用对方定义的方法和变量等实用技巧。

1、在iframe中查找父页面元素的方法：

$('#id', window.parent.document)
2、在父页面中获取iframe中的元素方法：
$(this).contents().find("#suggestBox")
3、在iframe中调用父页面中定义的方法和变量：
parent.method
parent.value
4、父页面调用iframe内的JS的方法
$("#id").find("iframe")[0].contentWindow.func()
5、子页面调用其它子页面内变量的方法
parent.$("iframe:eq(0)")[0].contentWindow.caldata
使用jQuery调用iframe内部的方法
TechWhizKid的博客
10-03 709
在web开发中，经常会遇到需要在一个iframe中调用内部方法的情况。jQuery是一个流行的JavaScript库，它提供了简化操作DOM和处理事件的方法。方法来获取iframe内部的文档对象。然后，你就可以像操作普通的HTML文档一样操作iframe内部的文档了。在点击事件的回调函数中，你可以执行你想要调用的方法。总结起来，要使用jQuery调用iframe内部的方法，你需要获取iframe的引用，然后使用。方法获取iframe内部的文档对象，再通过选择器和事件绑定来操作内部的DOM元素和调用方法。
利用JQuery操作iframe父页面、子页面的元素和方法汇总
10-19
主要给大家介绍了关于利用JQuery操作iframe父页面、子页面的元素和方法的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
jQuery基于ID调用指定iframe页面内的方法
10-22
主要介绍了jQuery基于ID调用指定iframe页面内的方法,涉及jQuery针对页面框架元素的选择与方法的调用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
jquery访问IFRAME
flycomos_lee的博客
11-11 469
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 DOM方法： 父窗口操作IFRAME：window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框： $(window.fra...
JQuery调用iframe子页面函数/对象的方法
weixin_30455067的博客
02-09 260
fromhttp://my.oschina.net/u/857043/blog/97896 JQuery调用iframe子页面函数/对象的方法例子： 父页面有个ID为mainfrm的iframe，iframe连接b.html，该页面有个函数test 在父页面调用b.html的test方法为： $("#mainfrm")[0].contentWindow.test(); 转载于:https...
Jquery调用iframe父页面中的元素及方法
11-24
在jQuery中，我们可以通过以下方式在`iframe`中查找并操作父页面的元素： 1. **查找父页面元素**： 使用`$(‘#id', window.parent.document)`，这里的`#id`是你想查找的父页面元素的ID。例如，如果我们要获取父...
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
01-19
JQUERY IFRAME下面简单使用Jquery来操作iframe的一些...第三、在iframe中调用父页面中定义的方法和变量：parent.methodparent.valueiframe里用jquery获取父页面body iframe.html 代码如下:<html>[removed]</sc
jquery方法操作iframe元素
weixin_33736048的博客
01-16 246
操作iframe父元素 $("#rolesCtl",parent.document).find( 'button' ).trigger( 'click' ); 在父页面获取iframe子页面的元素 $("#objid",document.frames('iframename').document)   在iframe子页面获取父页面元素 window.parent.document.getElem...
使用Jquery操作iframe中的元素
热门推荐
孙琛斌的专栏
12-16 1万+
前几天，在原有功能上追加功能，jsp页面是已经存在了的，通过jquery获取元素总是获取不到，很奇怪，所以就仔细的看看了看jsp，原来那段代码是iframe里面的，虽然经常用jquery，但我一开始还真不知道iframe里面的东西，按照我们通常的方式取不到，所以查了下发现，jquery里面有个这个方法contents()。下面直接贴下简单的代码示例：<iframe src="/test/demo.h
jQuery操作iframe中js函数的方法小结
weixin_30755709的博客
08-16 170
jQuery操作iframe中js函数的方法小结 1、jquery操作iframe中的元素（2种方式） var tha = $(window.frames["core_content"].document).find("#trewuuu").html(); var thb = $("#core_content").contents().find("#trewuuu").html(); ...
js取得html iframe中的元素和变量值
10-25
想要取得iframe中的元素和js变量值，不能用$(document).ready()方法，而是要用$("#iframeId").load()方法
jquery获取iframe中的dom对象(两种方法)
10-27
本文为大家详细介绍下父窗口中操作iframe、在子窗口中操作父窗口，获取iframe内的dom对象有两种方法，感兴趣的朋友可以了解下哈，希望对大家有所帮助
jQuery 互相调用iframe页面中js的方法
weixin_33872566的博客
07-05 896
1，子iframe内调用父类函数方法： window.parent.func(); 2，子Iframe中获取父界面的元素： $("#xx", window.parent.document); 这个xx就是父界面中要获取的元素的ID。 3，jquery 调用子iframe页面中js的方法： iframefunction()是子页面的方法 $(window.parent...
jQuery获取iframe内的元素
wei_jie_zhang的专栏
05-28 633
$("#pbProgressBar").load(function(){ //#pbProgressBar为iframe的id $(this).contents().find("#statusDiv").css("height","18px"); //iframe内元素statusDiv
jquery操作iframe中的元素
Mchange的专栏
09-04 795
第一、在iframe中查找父页面元素的方法： $('#id', window.parent.document) 第二、在父页面中获取iframe中的元素方法： $(“iframe”).contents().find("#node") 第三、在iframe中调用父页面中定义的方法和变量：parent.methodparent.value
jQuery操作iframe元素
sunweixin8的博客
07-29 716
jQuery操作iframe元素 深度踩坑原理：调用DOM对象,必须在页面(框架)完全下载完后才能构建DOM树, 所以我们这样解决:把操作放在iframe加载完毕的事件中 深度踩坑 今天做了一个后台管理的新手引导界面，就需要操作iframe里面的元素了，网上百度了好多，前篇一律 最终在一个不知名的博客上找到了，还是乱码，中文符号什么的，整理了一下，希望能帮到大家，喜欢的小伙伴可以来个-三连-吆！ 原理： 调用DOM对象,必须在页面(框架)完全下载完后才能构建DOM树, 所以我们这样解决:把操作放在ifra
jQuery调用指定iframe页面内的方法
robake的专栏
04-20 6549
传统的那类方法不能兼容多种浏览器，下边的可以。 $(window.parent.document).contents().find("#iframeID")[0].contentWindow.initPagerList(); 说明： iframeID 为iframe的ID；        initPagerList 为 iframe 页面内的方法。
通过JavaScript获取iframe内元素与变量值
这篇文档主要讨论了在JavaScript中如何正确获取iframe内部的DOM元素和JavaScript变量值的方法。 在JavaScript中，由于同源策略的限制，直接访问不同域下的iframe内容是不被允许的，这可能会导致跨域安全问题。因此...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值