JQuery 操作iframe

最新推荐文章于 2023-05-26 11:28:04 发布
转载 最新推荐文章于 2023-05-26 11:28:04 发布 · 749 阅读 · 0

本文详细介绍了在Web开发中如何实现iframe之间的交互操作，包括子iframe如何操作父界面、父界面如何操作子iframe以及子iframe间如何互相操作的具体方法。

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

一、子iframe内操作父界面：

1：函数调用

window.parent.fun();

2：操作元素
$("#xx", window.parent.document);

二、父界面操作子iframe：

1：函数调用  
`$("#iframeid").contents().find("#xx").val("test");`

2：操作元素

$("#iframeid")[0].contentWindow.fun();

三、子iframe之间互相操作：

1：函数调用  
`$(window.parent.$("#iframeid"))[0].contentWindow.fun();`



2：操作元素 

   $(window.parent.$("#iframeid")).contents().find("#xx");
jquery 操作iframe的几种方法总结
12-10
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 DOM方法：父窗口操作IFRAME：window.frames[“iframeSon”].documentIFRAME操作父窗口: window.parent.document jquery方法:在父窗口中操作 选中IFRAME中的所有输入框： $(window.frames[“iframeSon”].document).find(“:text”);在IFRAME中操作 选中父窗口中的所有输入框：$(window.parent.document).find(“:text”); iframe
jquery操作 iframe的方法
10-25
下面，我们将详细介绍jQuery操作iframe的方法。 首先，我们需要了解jQuery对象的contents()方法。contents()方法能够查找匹配元素内部的所有子节点，包括文本节点。如果匹配的元素是iframe，则可以通过此方法访问...
jquery iframe操作
黄贺群的专栏
12-10 563
<br />使用jquery操作iframe <br />1、 内容里有两个ifame <br /><iframe id="leftiframe"...</iframe> <br /> <iframe id="mainiframe..</iframe> <br />leftiframe中jQuery改变mainiframe的src代码： <br /> $("#mainframe",parent.document.body).attr("src","http://www.radys.cn ")
frame与frame之间如何用jquery传值
sammor
09-01 386
使用jquery操作iframe 1、 内容里有两个ifame &lt;iframe id="leftiframe"...&lt;/iframe&gt; &lt;iframe id="mainiframe..&lt;/iframe&gt; leftiframe中jQuery改变mainiframe的src代码： $("#mainframe",parent.document.b...
js/jquery操作iframe
smile0125的博客
01-16 815
JavaScript 在父窗口中获取iframe中的元素 1 2 3 4 5 6 7 8 9 10 11 格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();  实例：...
jQuery 操作 iframe
多一点点的专栏
03-19 1335
iframe框架的HTML " + " 1.父窗口操作子窗口 $(window.frames["iframeSon"].document).find("input[@type='radio']").attr("checked","true"); 2.子窗口操作父窗口 $(window.parent.document).find(":text"); 3.父窗口调用子窗口的JS方法 windo
jQuery操作iframe中js函数的方法小结
10-22
jQuery操作iframe中js函数的方法主要包括了对iframe元素的操作、对父页面元素的操作、在主页面中调用iframe的js函数以及在jQuery中调用iframe的js函数四个部分，每一个部分都有其特定的方法和注意事项。 首先，操作...
利用JQuery操作iframe父页面、子页面的元素和方法汇总
10-19
在网页开发中，`iframe`...为了进一步深入学习，可以查阅相关的教程和资源，例如链接中的网站提供了更多的`jquery操作iframe`的技巧和实践案例。在实践中不断探索和积累，将有助于提升你在网页开发领域的专业技能。
JQuery之操作iframe
优秀程序员的专栏
04-15 3343
1、使用两种方式操作iframe中的元素。原理是跟jquery获取对象是一样的，只不过是先获取了iframe元素，然后在对iframe的内容再次进行操作。 var str = $(window.frames["iframe"].document).find("#ev").html(); var stk = $("#iframe").contents().find("#ev").html();
jquery iframe操作详细解析
11-30
使用jquery操作iframe 1、 内容里有两个ifame <iframe id=”leftiframe”…</iframe> <iframe id=”mainiframe..</iframe> leftiframe中jQuery改变mainiframe的src代码： $(“#mainframe”,parent.document.body).attr(“src”,”http://www.radys.cn”) 2、 如果内容里面有一个ID为mainiframe的ifame   <iframe id=”mainifame”…></ifame> ifame包含一个someID <div
jquery中对 iframe的操作
UFO
07-31 621
使用jquery操作iframe 我们先看一下 JQUERY中的对像 contents()　的帮助文件 contents() 概述 查找匹配元素内部所有的子节点（包括文本节点）。如果元素是一个iframe，则查找文档内容 示例 描述: 查找所有文本节点并加粗 HTML 代码: Hello John, how are you doing? jQuery
jquery操作iframe的方法：父页面和子页面相互操作（九种情况）
热门推荐
xiaouncle的博客
05-23 1万+
现实开发中难免会遇到子页面、父页面相互操作的情况，由于时不时地会遇到几次（不是一次），所以就整理了一下父子页面相互相互调用常见的九种情况，作为自己的备忘录，同时也希望对大家有帮助。 一、子页面C1操作父页面P（下述三个方法写在子页面C1中） //获取父页面P中控件的值, btnParent1是子页面C1中的按钮 $("#btnParent1").click(function () { ...
Jquery中操作iframe
huangxw000的专栏
12-28 515
父窗口中操作iframe：window.frames["iframeChild"].document //假如iframe的id为iframeChild 在子窗口中操作父窗口：window.parent.document 那么，用如果想用jquery的方法，我们怎么用jquery来获取iframe呢？下面是一下收集来的方法。 获取页面的对象其实就是dom方法外面加上jque
jquery操作iframe
weixin_34290631的博客
09-12 313
jquery操作iframe： 其实原理很简单，主要就是找对象或者称之为找元素。例子如下： 父页面html代码： <html> <head> <title>这里是父页面</title> <script type=”text/javascript” src=”jquery.1.4.2.min.js”></script...
jquery 操作iframe的几种方法总结选择器
qq_32722591的博客
05-26 4814
("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()一个页面中的所有框架以集合的形式作为window 对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是 document的属性。
jquery 操作iframe
jazywoo_在路上
12-18 606
《一、获取iframe》 没找到很好的方法 只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮 $(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true"); 2.在IFRAME中操作 选中父窗口中的所有单选钮
javascript/jquery对Iframe的操作详解
李卓书
05-21 2012
前言及注意事项 背景: 在网上查阅了诸多相关介绍,大凡错误连篇或者是不能直达痛处;所以痛定思痛,自己写一篇相关记录,以备查用 注意事项 父页面调用子页面元素时,需要注意子页面是否加载完成,否则报错 测试结构说明 创建两个测试页面,iframe1.html和iframe2.html 内容分别如下: iframe1.html iframe2.html 总结及归纳 1.无论是父页面调用子页面,...
利用jquery+iframe做一个ajax上传效果
06-18 1557
以下是自学it网--中级班上课笔记             网址：www.zixue.it html页面 利用jquery+iframe做一个ajax上传效果 // 利用 jquery+iframe 做一个ajax上传效果 /* 思路: 1: 点击"提交"时的瞬间,生成一个iframe对象,插入body中 2: 修改form的target ,为iframe的name
jQuery操作iframe的技巧与示例
"jQuery操作iframe的几种方法总结，包括DOM方法和jQuery方法，涉及在父窗口与iframe之间相互操作元素，如选择输入框和单选钮。" 在网页开发中，`iframe`（Inline Frame）是一种常用的嵌入式框架，常用于在同一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值