向iframe中添加内容

最新推荐文章于 2022-06-27 21:36:20 发布

iteye_12969

最新推荐文章于 2022-06-27 21:36:20 发布

阅读量1.6k

点赞数

分类专栏： javaweb 文章标签： iframe

本文链接：https://blog.youkuaiyun.com/iteye_12969/article/details/82579420

版权

javaweb 专栏收录该内容

9 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<mce:script language="javascript" type="text/javascript"><!--
function insert(){ 
   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"; //要显示关闭可以编辑状态，不然内容是可以编辑的
   //theDoc.document.designMode = "off"; //没用
   //theDoc.document.close();	   
} 
// --></mce:script>
</head>

<body>
<input type="button" value="insert" οnclick="insert();" />
<iframe id="fr1" width="200" height="200" ></iframe>
</body>
</html>

原文地址:http://blog.youkuaiyun.com/ikmb/article/details/5973383