DOM获取页面中的iframe:



1

window.frames["iframeChild"].document    //假如iframe的id为iframeChild



2

window.parent.document    //在子窗口中操作父窗口





获取页面的对象其实就是DOM方法外面加上jquery的选择符：



view sourceprint?




1

$(window.frames["iframeChild"].document)    //假如iframe的id为iframeChild



2

$(window.parent.document)    //在子窗口中操作父窗口





接下来就可以继续获取iframe内的DOM了，获取iframe内的dom对象有两种方法：



1

$(window.frames["iframeChild"].document).find("#child")    //第一种



2

$("#child",window.frames["iframeChild"].document)    //第二种





1.在父窗口中操作 选中IFRAME中的所有单选按钮



1

$(window.frames["iframeChild"].document).find("input[@type='radio']").attr("checked","true");





2.在IFRAME中操作 选中父窗口中的所有单选按钮



1

$(window.parent.document).find("input[@type='radio']").attr("checked","true");






在父页面提交iframe中的表单
 frames["iframe"].document.forms["form1"].action="${base}/comSub.jspx";
 frames["iframe"].document.forms["form1"].submit();

xhEditor中的方式是：先提交Form表单,Form.submit();然后再设置iFrame加载完成事件，用于获取表单提交成功后的结果,iFrame.load(loadFunc());
loadFunc方法中，获取表单提交结果的方法如下：Var responseTxt = $(iFrame.contentWindow.document.body).text()；
若responseTxt为Json对象，则可以通过以下方法将该对象序列化：
Var data = Object;
try{data=eval('(' + responseTxt + ')');}catch(ex){};
若iFrame.load(loadFunc())方法无法为iFrame设置onLoad事件，则可以使用iFrame.attachEvent( "onload",loadFunc);
======================================================================================
有时在IE中对动态创建和修改的onload事件函数没有反应，并非iframe不支持onload事件，折中的就是给onload事先绑定一个空函数，有需要时，去修改这个函数的值。
可能的原因是IE加载到iFrame时，就设置其状态为加载完成，所以不会触发onLoad事件，通过createElement创建的iframe，也是相同原因，创建好iFrame后就已经onload完成，所以以后设定onload事件就不会生效了。针对这个问题可以不使用createElement创建iframe，直接内嵌到一个DIV里，逃过IE的检测，类似如下代码：
var newdiv = document.createElement('div');
newdiv.innerHTML = '<iframe id="iframe1" src ="test.html" οnlοad="test()"></iframe>';
document.body.appendChild(newdiv);
该方法适用于IE / Firefox / Opera 浏览器。
===============================================================================
兼容多浏览器的操作iFrame中内容的代码如下：





1

2

3

4

5

6

7

8

9




function (){

        var doc;

        if (document.all){//IE

                doc
 = document.frames["iframe1"].document;

        }else{//Firefox   

                doc
 = document.getElementById("iframe1").contentDocument;

        }

        doc.getElementById("title").style.color
 = "red";

}









 

                    



index.html内容：



1
2




<iframe id="mpage" name="mpage" onload="AdaptorHeight()" style="border-style: none; height: 100%;width: 100%;"


scrolling="auto" frameborder="0" src="test.html">







test.html内容：




1
2
3




<form name="f1" id="f1" action="" method="post"> 


   <input name="uid" id="uid" type="text" value="input" /> 


</from>





方法一：通过ID获取



1




var name =  parent.document.getElementById("mpage").contentWindow.document.getElementById('uid').value;





方法二：通过Form获取



1




var name1 =  parent.document.getElementById("mpage").contentWindow.document.forms['f1'].uid.value;











     本文转自stock0991 51CTO博客，原文链接：http://blog.51cto.com/qing0991/1427477，如需转载请自行联系原作者








        
        
                
    

第一步----在iframe附近创建一个隐藏域










第二步----在iframe指向的页面中创建一个name和id都为f1的表单和textarea











记得一定要加上这句话 ,我们在前面的页面才能取到textarea的值








第三步----我们在主页面写一段JS代码,也就是编辑完textarea内容后,将textarea值赋给前台隐藏域(goods_desc)






最后----k,现在我们主页面的隐藏域就可以正常获取iframe框架指向页面内textarea内的值了