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

hyj1254

浏览: 336232 次
性别:
来自: 北京

最近访客更多访客>>

jin361612388

古月小白恋红尘

洗碗小小笑

金元宝

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript/CSS

jQuery Firefox HTML

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

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

则获取方式如下：

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种简便得多的方式：

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

3
顶

0
踩

分享到：

javascript父、子页面交互小结 | JS 超类和子类

2010-04-13 17:49
浏览 5543
评论(3)
分类:Web前端
查看更多

3 楼 hyj1254 2010-12-22

不错，你这种方式很好。

2 楼 waiting 2010-12-21

第二种方法：

var elm = $(window.myframe.document).find(selector);
var data = elm.data('key');

1 楼 waiting 2010-12-21

var elm = $(selector, window.myframe.document);
var data = elm.data('key');

"window.myframe.document"可以替换成子窗口对象变量。

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

涉及页面展示尽量少用js

inline Element相互之间多出几像素的空白

兼容各浏览器盒子模型

获取鼠标相对位置

判断日期格式

JS简易拖拽效果

IE事件注册相关的内存泄露总结

假的，全是假的！！(更新)

IE内存泄露与无法回收研究小结（持续增加中）

javascript父、子页面交互小结

JS 超类和子类

《JavaScript The Definitive Guide 5th》闭包读后总结

"position:relative"在IE中的Bug

JS没有"块作用域"

jquery的data函数

使用设计模式的目的

jquery 整体感觉

jquery的each函数中的break和continue功能

移除JS数组指定位置的元素

JQuery动态添加Select的Option元素

最近访客更多访客>>