获取子窗口中使用jQuery.data()设置的参数

最新推荐文章于 2018-08-09 08:47:48 发布

乐由心起

最新推荐文章于 2018-08-09 08:47:48 发布

阅读量1.5k

点赞数 2

分类专栏： JQuery

本文链接：https://blog.csdn.net/honeybaby201314/article/details/19988815

版权

JQuery 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

http://hyj1254.iteye.com/blog/643035

假设在iframe子窗口中设置了$('#mydata').data('key','hello world');
那在包含iframe的父页面中如何获取它呢？直接使用$('#mydata').data('key')是不行的。
原因是：data()将数据存入了iframe页面的jQuery对象中，与父页面的jQuery对象无关。父页面中的$即jQuery对象，直接使用它显然无法获取。
解决办法是：设法获取iframe页面中的jQuery对象,替换父页面中的jQuery。

Html代码

设有父页面：
<body>
<iframe id="myframeId" name="myframe" src="test.html"></iframe>
</body>
子页面中设置了：
$('#mydata').data('key','hello world');

则获取方式如下：

Js代码

var mydata,iJquery;
if(window.navigator.userAgent.indexOf("Firefox")>=1){
iJquery=window.myframe.jQuery;
mydata=(document.getElementById('myframeId')).contentDocument.getElementById('mydata');
}else if(window.navigator.userAgent.indexOf("MSIE")>=1){
iJquery=(document.frames('myframe')).jQuery;
mydata=(document.frames('myframe')).document.getElementById('mydata');
}
alert(iJquery.data(mydata,'key'));

===================
近来突然想到1种简便得多的方式：

Java代码

1. var iJquery=window.myframe.jQuery;
2. var $mydata=iJquery('#mydata');
3. alert(#mydata.data('key'));

乐由心起

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
获取子窗口中使用jQuery.data()设置的参数

http://hyj1254.iteye.com/blog/643035 假设在iframe子窗口中设置了$('#mydata').data('key','hello world'); 那在包含iframe的父页面中如何获取它呢？直接使用$('#mydata').data('key')是不行的。原因是：data()将数据存入了iframe页面的jQuery对象中，与父页面的jQue
复制链接

扫一扫