jq iframe 子父 调用

最新推荐文章于 2024-02-26 16:36:39 发布
最新推荐文章于 2024-02-26 16:36:39 发布
阅读量338 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： HTML CSS JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_21586623/article/details/71403314
本文介绍了一种在不同窗体或页面间进行交互的方法，包括父窗体向子窗体传递信息及子窗体向父窗体返回数据的具体实现方式。通过jQuery和其他JavaScript操作演示了如何在父子窗体间调用函数并获取元素属性。

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

父——>子

$("#ii")[0].contentWindow.test()

$("#ii")[0].contentWindow.ff

$("#ii")[0].contentWindow.$('body').val();

$("#ii")[0].contentWindow.ff="sssssssssssss";

子——>父

parent.$("#ii").attr("id");

parent.$("#ii").ff;

parent.$("#ii").test();

子——>子

parent.$("#ii")[0].contentWindow.ff;

jq设置frame的html,jquery 操作iframe的几种方法总结_jquery
weixin_39793576的博客
06-25 1170
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作DOM方法：父窗口操作IFRAME：window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作 选中IFRAME中的所有输入框： $(window.frames["iframeSon...
jquery操作 iframe的方法
10-25
主要介绍了jquery操作 iframe的方法,需要的朋友可以参考下
jq获取iframe中的内容
热门推荐
WEB前端探索者~~
11-14 1万+
这里需要说明的是，非同源的iframe涉及跨域，我还没有遇到过，理论上是不能对没有权限的非同源iframe中内容进行操作的。 大部分同源情况下，$(window.frames[id].document)可以获取到iframe里面的document，接下来就是基本的dom操作。另外，需要注意的是：如果你用了上面的代码没有获取到想要的内容，请思考如下问题： 1：你要操作的iframe中的dom节点，
jquery中对 iframe的操作
weixin_34061555的博客
12-01 188
我们先看一下 JQUERY中的对像 contents()　的帮助文件 contents() 概述 查找匹配元素内部所有的子节点（包括文本节点）。如果元素是一个iframe，则查找文档内容 示例 描述: 查找所有文本节点并加粗 HTML  代码: <p>Hello <a href="http://ejohn.org/">John</a>, how are ...
jquery 操作iframe的几种方法总结选择器
qq_32722591的博客
05-26 4805
("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()一个页面中的所有框架以集合的形式作为window 对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是 document的属性。
jquery 调用子iframe页面中js的方法
beautifulsarah的博客
02-09 7868
 $("#frame1")[0].contentWindow.setEnabled(); 调用iframe页面中元素 $("#frame1").contents().find("#btnFinish").attr("disabled", "disabled");
Jquery调用iframe父页面中的元素及方法
11-24
在网页开发中，有时我们需要在`iframe`中与父页面进行交互，比如调用父页面中的元素或执行父页面的方法。本文将详细讲解如何使用jQuery实现这一功能。 首先，我们来了解一下`iframe`的基本概念。`iframe`（Inline ...
jquery、js调用iframe父窗口与子窗口元素的方法整理
12-09
当需要在子iframe中调用父页面的函数时，可以直接使用 `window.parent` 引用父窗口的全局作用域，然后调用该函数。假设父页面有一个名为 `func` 的函数，调用方式如下： ```javascript window.parent.func(); ``...
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
10-26
我们首先通过id选择器“#iframe的ID”选中了iframe元素，然后通过“contents()”方法获取了iframe的文档内容，接着使用“find”方法在iframe的文档内容中查找id为“#iframe中的控件ID”的元素，并调用“click”方法...
解决同一页面中两个iframe互相调用jquery,js函数的方法
11-29
这一个月又没更新博客，唉，懒癌又犯了，今天解决了一个问题，关于两个iframe互相调用jquery函数方法 a.html中有两个iframe,如下： <iframe width="100%" height="100%" name="left" scrolling="auto" ...
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的代码
12-11
父窗口中操作iframe：window.frames[“iframeChild”].document //假如iframe的id为iframeChild 在子窗口中操作父窗口：window.parent.document 那么，用如果想用jquery的方法，我们怎么用jquery来获取iframe呢？下面是一下收集来的方法。 获取页面的对象其实就是dom方法外面加上jquery的选择符： 父窗口中操作iframe：$(window.frames[“iframeChild”].document) //假如iframe的id为iframeChild 在子窗口中操作父窗口：$(window.pare
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父页面/父窗口的元素
无数_Mirage的博客
06-21 7900
转载内容： 用Jquery获取iframe父页面元素 方法一： KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲父窗口元素ID",window…(selector, window.parent.document); 那么你取父窗口的父窗口的元素就可以用：$(selector, window.parent.parent.do...
JQ定时刷新iframe页面，同时刷新iframe父页面
qingkaqingka的博客
08-15 1040
web项目中用到了iframe嵌入网页，在一个iframe网页中更改了数据，同时要更新其父页面刷新数据，js代码如下： //js定时执行的方法 function autoPlay(){ time = setInterval(function(){ //刷新父页面 parent.location.reload(); consol...
js/jq iframe父子页面交互
liuyan1106_的博客
11-13 371
一、子页面调父页面 1、获取父页面元素 $('#objId', parent.document) 2、获取父页面方法 parent.parentFun() 二、父页面调子页面 1、获取子页面元素 $("#iframeId").contents().find('#objId') 2、获取子页面方法 $('#iframeId')[0].contentWindow.childrenFun() ...
javascript/jquery对Iframe的操作详解
李卓书
05-21 2011
前言及注意事项 背景: 在网上查阅了诸多相关介绍,大凡错误连篇或者是不能直达痛处;所以痛定思痛,自己写一篇相关记录,以备查用 注意事项 父页面调用子页面元素时,需要注意子页面是否加载完成,否则报错 测试结构说明 创建两个测试页面,iframe1.html和iframe2.html 内容分别如下: iframe1.html iframe2.html 总结及归纳 1.无论是父页面调用子页面,...
jquery 获取子iframe和获取父框架的例子
weixin_34273481的博客
09-30 262
2019独角兽企业重金招聘Python工程师标准>>> ...
JS/jquery获取iframe内部元素和ifame中获取外部元素精华
最新发布
乔的博客
02-26 863
【代码】JS/jquery获取iframe内部元素和ifame中获取外部元素精华。
jq调用iframe的方法
07-27
回答: 要使用jQuery调用iframe的方法，可以使用以下代码：$("#iframeSon").attr("src", "http://www.example.com"); 这个代码将会把iframe的src属性设置为"http://www.example.com"，从而改变iframe中显示的内容。\[2\] #### 引用[.reference_title] - *1* *2* *3* [jquery 操作iframe的几种方法总结](https://blog.youkuaiyun.com/aliao9583/article/details/101129666)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值