jquery 、js 调⽤iframe ⽗窗⼝与⼦窗⼝元素的⽅法
1、在⽗页⾯ 获取iframe ⼦页⾯的元素
js 写法
a 、同过contentWindow 获取
也有⽤contentDocument 获取的 但是contentWindow 兼容各个浏览器，可取得⼦窗⼝的 window 对象。contentDocument Firefox ⽀持，> ie8 的ie ⽀持。可取得⼦窗⼝的 document 对象。获取⽅法
还有tDocument ⽅法 //但是ie 6,7不⽀持
b 、通过frames[]数组获取
(但是必须在ifram 框架加载完毕后获取，iframe1是iframe 的name 属性)
jq 写法：必须在iframe 加载完毕以后才有效
=================================
2、在iframe 中获取⽗级页⾯的id 元素
js 写法：
获取⽗级中的objid

jq 写法：
===================================
3、⽗级窗体访问iframe 中的属性
(经测试，在ie 中最好⽤原⽣的onload 事件，如果⽤jq 的load 把iframe 加载完毕 有时候⽅法调⽤不到 多刷新才有效果）[html]
01. var frameWin =document .getElementById('iframe').contentWindow;    //window 对象  02. var frameDoc =document .getElementById('iframeId').contentWindow.document  //document 对象  03. var frameBody =document .getElementById('iframeId').contentWindow.document.body  //body 对象  [html]
01. ElementById('iframId').onload =function (){  02.    var html = window .frames["name 属性"].ElementById('iframe 中的元素的id').innerHTML;  03.    alert(html)  04. }  05.  如果要获取iframe 中的iframe  06. ElementById('iframId').onload =function (){  07.    var html = window .frames["name 属性"].frames["name 属性"].ElementById('iframe 中的元素的id').innerHTML;  08.    alert(html)  09. }
[html]
01. a 、$("#iframe 的ID").contents().find("#iframe 中的控件ID").click();//jquery ⽅法1 必须在iframe 加载完后才有效  02. b 、$("#iframe 中的控件ID",document.frames("frame 的name").document)//⽅法2 <span  style ="font-family: Arial, Helvetica, sans-serif;">必须在iframe 加载完后才有效</span>
jquery在一个元素后追加标签[html]
01. var obj =window .ElementById('objId')
[html]
01. $('#⽗级窗⼝的objId', window.parent.document).css('height':'height);  // window 可省略不写  02. 或者  03. $(window.parent.document).find("#objId").css('height':'height);  // window 可省略不写
===================================
4、在iframe 中访问⽗级窗体的⽅法和属性 //window 可以不写
5、让iframe ⾃适应⾼度
6、iframe 的onload 的事件，
主流浏览器都⽀持 iframe.οnl ο
在ie 下需要⽤attachEvent 绑定事件
7、在iframe 所引⼊的⽹址写⼊防钓鱼代码
if(window!=p){
}
8、获取iframe 的⾼度
1.window.self
对当前窗⼝⾃⾝的引⽤;self,window.self,window 三者是等价的
p
对顶层窗⼝的引⽤，如果本⾝就是顶层窗⼝，则返回本⾝
3.window.parent
对⽗窗⼝的引⽤，如果没有⽗窗⼝，则返回本⾝[html]
01. a 、 ⽤contentWindow ⽅法  02. ElementById('iframe1').onload =function (){  03.          tWindow.run();  04.  }  05. b 、⽤iframes[]框架集数组⽅法  06. ElementById('iframe1').onload =function (){  07.          frames["iframe1"].run();  08. }
[html]
01. window.parent.attributeName;  // 访问属性attributeName 是在⽗级窗⼝的属性名  02. window.pare
nt.Func();  // 访问属性Func()是在⽗级窗⼝的⽅法  [html]
01. $('#iframeId').load(function() { //⽅法1  02.    var iframeHeight  = Math .tWindow.window.document.documentElement.scrollHeight, tWindow.window.do 03.    var h =$(this).contents().height();  04.    $(this).height(h+'px');  05. });  06.  07. $('#iframeId').load(function() { //⽅法2  08.    var iframeHeight =$(this).contents().height();  09.    $(this).height(iframeHeight+'px');  10. });

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。