获取子窗口中使用jQuery.data()设置的参数置的参数
2011-06-07 09:38
381 查看
假设在iframe子窗口中设置了$('#mydata').data('key','hello world');
那在包含iframe的父页面中如何获取它呢?直接使用$('#mydata').data('key')是不行的。
原因是:data()将数据存入了iframe页面的jQuery对象中,与父页面的jQuery对象无关。父页面中的$即jQuery对象,直接使用它显然无法获取。
解决办法是:设法获取iframe页面中的jQuery对象,替换父页面中的jQuery。
设有父页面:
<body>iphone拍照小技巧
<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'));
那在包含iframe的父页面中如何获取它呢?直接使用$('#mydata').data('key')是不行的。
原因是:data()将数据存入了iframe页面的jQuery对象中,与父页面的jQuery对象无关。父页面中的$即jQuery对象,直接使用它显然无法获取。
解决办法是:设法获取iframe页面中的jQuery对象,替换父页面中的jQuery。
设有父页面:
<body>iphone拍照小技巧
<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'));
相关文章推荐
- 获取子窗口中使用jQuery.data()设置的参数
- 获取子窗口中使用jQuery.data()设置的参数
- 使用jquery获取url及url参数的方法
- 使用jquery获取url以及jquery获取url参数的方法
- 使用jquery往java后台传文件文件时,页面表单参数的设置
- 使用jquery获取url及url参数的方法
- 使用jquery获取url以及jquery获取url参数的方法
- 使用jquery获取url及url参数的方法
- 使用jquery获取url以及jquery获取url参数的方法
- 使用jquery获取url及url参数的方法
- 使用jquery获取url以及使用jquery获取url参数以及中文编码乱码的问题
- 2017.10.27 [开发笔记]-使用jquery获取url及url参数的方法
- 使用jquery获取url以及jquery获取url参数的方法(转)
- 使用jQuery获取data-的自定义属性
- spring mvc 通过bean获取form的参数和并且进行服务器验证 ,而且支持多个文件上传的用法。html使用form_data
- 使用jquery获取url以及jquery获取url参数的方法
- 使用jquery获取url及url参数的方法
- jQuery设置和获取HTML、文本和值和Javascript获取HTML静态页面参数传递值示例
- jQuery插件之jqzoom的使用和参数设置
- 使用jquery获取url以及jquery获取url参数的方法