[JavaScript]iframe的contentWindow

最新推荐文章于 2022-04-05 21:34:03 发布

转载最新推荐文章于 2022-04-05 21:34:03 发布 · 320 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yiyide266/p/9378340.html

文章标签：

#javascript #ViewUI

本文介绍如何使用HTMLIFrameElement.contentWindow属性获取并修改iframe中的window对象，实现对iframe内部页面内容的动态更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTMLIFrameElement.contentWindow返回的是HTMLIFrameElement类型元素的window对象

通过此对象可以修改iframe实体内的window行为

<iframe id="fr1" width="200" height="200" ></iframe>  
<script>
var theDoc = document.getElementById('fr1').contentWindow;  
//theDoc.style.display = "block";   
   //theDoc.document.open(); //会自动打开  
     
   //theDoc.document.designMode = "on"; //会自动打开  
   theDoc.document.write('<html><head>');   
   //theDoc.document.write('<meta http-equiv="Content-Type" content="text/html; charset=utf-8">');   
theDoc.document.write('</head><body width="100%" contentEditable=true style="padding:0;margin:0; overflow:hidden;" mce_style="padding:0;margin:0; overflow:hidden;">');   
   theDoc.document.write("lfasjdfkjalsejioruw fskdjfla;sjdkjfsahgasjdla;kjeioujrfhfaksdjfjal;skdjfhgsadlkfjla");   
   theDoc.document.write('</body></html>');   
   theDoc.document.body.contentEditable="false"; //要显示关闭可以编辑状态，不然内容是可以编辑的  
</script>