jquery 父页面查找iframe子页面内容 子页面内容查找父页面内容

最新推荐文章于 2018-05-16 14:48:00 发布
最新推荐文章于 2018-05-16 14:48:00 发布
阅读量713 收藏
点赞数
分类专栏： jquery

转载自：http://www.cnblogs.com/mybest/archive/2011/12/02/2271940.html

 

父页面代码

?
<!DOCTYPE HTML>
< html >
< head >
< meta charset = "utf-8" >
< title >无标题文档</ title >
< script type = "text/javascript" src = "jquery-1.4.4.min.js" ></ script >
</ head >
  
< body >
     < div class = "f_div" >父页面内容</ div >
     < iframe name = 'if1' src = "1.html" width = "300" height = "400" ></ iframe >
     < script >
         $(function(){
             $('iframe').load(function(){ //确保子页面完成加载
                 alert($('iframe').contents().find('.c_div').html());
                                 alert($('.c_div',window.frames["if1"].document).html());//另一方法
             });
              
         });
     </ script >
</ body >
</ html >

 子页面代码

?
<!DOCTYPE HTML>
< html >
< head >
< meta charset = "utf-8" >
< title >无标题文档</ title >
< script type = "text/javascript" src = "jquery-1.4.4.min.js" ></ script >
</ head >
  
< body >
     < div class = "c_div" >子页面内容</ div >
     < script >
         $(function(){
             alert($('.f_div',parent.document).html());          
         });
     </ script >
</ body >
</ html >
meizhiyun
关注
专栏目录
iframe子页面操作父页面
天马3798
12-26 1492
转载：http://blog.csdn.net/wang_2011/article/details/7285175 最近经常用到iframe，用的最多的就是在子页面中操作父页面的方法或变量等，总结了用到的几种方法，如下：                        var tableName = window.parent.frames["mainFrame"].tName;//
jquery iframe 获取子页面
最新发布
weixin_42087135的博客
08-17 93
使用 jQuery 获取 iframe 中子页面的内容 在现代网页设计中，使用 iframe 来嵌套其他网页是一种常见的做法。通过 iframe，我们可以在一个网页中载入另一个网页的内容。然而，在某些情况下，我们可能需要从父页面中获取子页面（iframe中的页面）的数据。这篇文章将探讨如何使用 jQuery 来实现这一目标...
Jquery取得iframe子父元素互相操作的方法
zqqnancy的专栏
01-12 1522
Jquery取得iframe子父元素互相操作的方法 1.在父页面给子页面内容赋值:    $($("#swfiframe").contents().get(0)).find("#swfcate").val(data); 2. Jquery取得iframe内部元素的方法    利用Jquery取得iframe中元素的几种方法 :    $(document.getEleme
Jquery 获取 iframe 父页面与子页面的元素和方法
清山博客
05-30 2万+
1.在页面中查找 iframe 页面元素： $("#iframe").contents().find("#id") 2.在 iframe 中查找父页面元素： $("#id", parent.document) 3.在 iframe 中调用父页面中定义的方法和变量： parent.method parent.value
在父页面获取子页面元素值的方法
lhy_luan
11-27 6157
当在一个html父页面中嵌入html子页时，当点击父页面的元素需要读取或者操作子页面元素时，以下方法十分有效。<!-- fu.html --> <!DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8"> </head> <body> <div> <iframe src="./zi.h
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
01-19
第一、在iframe中查找父页面元素的方法：$(‘#id’, window.parent.document) 第二、在父页面中获取iframe中的元素方法：$(this).contents().find(“#suggestBox”) 第三、在iframe中调用父页面中定义的方法和变量：...
利用JQuery操作iframe父页面、子页面的元素和方法汇总
10-19
本文将详细介绍如何使用JQuery操作`iframe`以及在父页面和子页面间进行元素和方法的交互。 首先，让我们来看看如何在`iframe`中查找或操作父页面的元素： 1. **在iframe中查找父页面元素**： ```javascript $('#...
Jquery调用iframe父页面中的元素及方法
11-24
在网页开发中，有时我们需要在`iframe`中与父页面进行交互，比如调用父页面中的元素或执行父页面的方法。本文将详细讲解如何使用jQuery实现这一功能。 首先，我们来了解一下`iframe`的基本概念。`iframe`（Inline ...
jquery 查找iframe父级页面元素的实现代码
10-28
如示例中的代码，使用了jQuery函数，并传入了iframe的父文档作为ownerDocument参数，这样就可以在父页面中访问iframe的内容。 3. iframe的跨域问题： 正如文中所提及的，当iframe的内容不是与其父页面同源的情况下...
在父页面调用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对象 */ }
[HTML]子父窗口的相互操作
我是涛锅
04-27 586
页面中用到iframe，所以难免需要相互调用的情况。首先 子窗口操作父窗口 调用父窗口方法window.parent.window.function(); 获取父窗口元素window.opener.document.getElementById(); $(“#id”,window.opener.document); // jQuery 还有不同浏览器之间的兼容性问题，也暂时不做记录。先记这些，
frame与frame之间如何用jquery传值
sammor
09-01 357
使用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...
JQuery操作iframe父页面与子页面的元素与方法
zyw745293的专栏
07-05 1万+
JQuery操作iframe父页面与子页面的元素与方法2010-04-15 08:45JQUERY IFRAME<br />下面简单使用Jquery来操作iframe的一些记录，这个使用纯JS与可以实现。<br />第一、在iframe中查找父页面元素的方法：<br />$('#id', window.parent.document)<br />第二、在父页面中获取iframe中的元素方法：<br />$(this).contents().find("#suggestBox")<br />第三、在ifram
iframe子页面让父页面跳转
weixin_30251829的博客
05-16 859
parent页面 <div> <iframe src="child.html"></iframe> </div> child页面 里面有一个按钮，点击跳转页面，如果直接写location.href ='',还是在iframe中 如果跳转的页面不想在iframe中，可以加一个parent <p class="cl...
JQuery根据关键字检索html元素并筛选显示
weixin_30583563的博客
08-10 582
背景：标题比较唬人，实际上就是在文本框中输入关键字，通过关键字检索html元素，筛选后显示在界面上。 Html元素如下： <div> <input type="text" id="searchBox"/> <ul id="dataSet"> <li>刘德华</li&g...
父页面操作嵌套iframe子页面的HTML标签元素
weixin_33984032的博客
03-23 194
一个页面A.html使用iframe嵌套一个页面B.html，在A页面写js操作B页面HTML元素，首先要获取到B页面document对象，才能对嵌套页面进行操作 请看一个实例，在A页面写js操作B页面div的内容： A.html代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta char...
js如何判断是否在iframe中/JQuery调用iframe父页面元素与方法
08-25
要在iframe中调用父页面的元素和方法，可以使用jQuery的parent()方法或者window.parent来获取父页面的元素或窗口对象，然后通过对象的方法来进行操作。 示例代码如下： ```javascript // 使用parent()方法获取父...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值