iframe元素用法总结-东北IT网

iframe元素用法总结

http://www.dbit.cn　2009-12-23 18:55:00 　来源:东北IT网　编辑:叶子

通过iframe访问主页面

注：伪Ajax效果就是这样模拟的了

   
 <script type="text/javascript"> 
       window.onload = function() {//这是主页面的代码 
           var frame = document.getElementById("frame1"); 
           var msg = frame.contentDocument.getElementById("message"); 
           msg.innerHTML = "Hello World from Frame Page 1"; 
       }; 
   </script> 
</pre> 
<pre class="brush:javascript;gutter:false;toolbar:false">  
//这是iframe部分！ 
 <div class="errordisplay" id="message"> 
original 
</div> 
  
<script type="text/javascript"> 
        var msg = window.parent.document.getElementById("message"); 
        msg.innerHTML = "Updated from iFrame"; 
</script>

document.getElementById取到的iframe是不能直接操作里面的document的，只能这样取：

在IE为是frames[id].document或document.getElementById(id).contentWindow.document;
在firefox为frames[name].contentDocument或document.getElementById(id).contentDocument;

本新闻共4页,当前在第4页 1 2 3 4

【收藏】【打印】【进入论坛】

推荐文章

八卦图解


iPhone女孩微博爆红最宝贵东西换	大连护士门大尺度艳照高清组图

中关村艳照门女主角详记录高清组	宫如敏不雅照疯传看张馨予韩一菲