您好,欢迎访问一九零五行业门户网

父元素与子iframe相互获取变量和元素对象的具体实现_javascript技巧

父中:
复制代码 代码如下:
var count = 1;
-------------------------------------------------------------
子iframe中:
复制代码 代码如下:
alert(window.parent.count); //获取父中的js变量
alert($(#username, window.parent.document));//获取父中jquery对象
alert(window.parent.document.getelementbyidx_x('username'));//获取父中dom对象
--------------------------------------------------------------------------------------------------
子iframe中(id=iframeidname=iframename):
复制代码 代码如下:
varcount = 1;
-------------------------------------------------------------
父中:
复制代码 代码如下:
alert(document.iframename.count);//获取子iframe中的js变量
alert($(window.frames[iframename].document).contents().find(#username));//获取子iframe中jquery对象
alert($(#username,document.frames(iframename).document));//获取子iframe中jquery对象
alert(window.document.getelementbyid('iframeid').contentwindow.document.getelementbyidx_x('username'));//获取子iframe中dom对象
收集网上的一些示例:
用jquery在iframe里取得父窗口的某个元素的值
只好用dom方法与jquery方法结合的方式实现了
1. 在父窗口中操作 选中iframe中的所有单选钮
$(window.frames[iframe1].document).find(input:radio).attr(checked,true);
2. 在iframe中操作 选中父窗口中的所有单选钮
$(window.parent.document).find(input:radio).attr(checked,true);
父窗口想获得iframe中的iframe,就再加一个frames子级就行了,如:
$(window.frames[iframe1].frames[iframe2].document).find(input:radio).attr(checked,true);
3.在子窗口中调用父窗口中的另一个子窗口的方法(frame):
parent.frames[main].fun();
注意:建议使用[],这样比较兼容多个浏览器,()火狐/搜狗/谷歌不兼容。
其它类似信息

推荐信息