大连艺术学院好吗:关于代码预览的代码

来源：百度文库 编辑：神马品牌网 时间：2024/04/29 13:32:33
在网上经常看到这样的情况
上面一个文本框,
下面两个按钮 一个是 "代码" 一个是"预览",
在文本框内直接输入HTML代码
点"预览"后就能"预览"当前代码的HTML效果,点"代码"又可以返回.
这样的效果是怎么实现的 ?我想知道这种操作的原理
有代码看也成 谢谢

第一个页面
<html>

<body>
<script>
function fun()
{
window.open("Noname1.html","","");
}
</script>
<textarea name="text1" rows="5" cols="10"></textarea>
<input type="button" value="预览" onclick="fun();">
</body>

</html>

第二个页面Noname1.html
<html>
<script>
function fun1()
{
document.write(window.opener.document.getElementsByName("text1")[0].value);
}
</script>
<body onload="fun1()">

</body>
</html>

这个论坛的功能里就有啊

关于代码预览的代码 如何预览用记事本编写的html代码 FrontPage中的设计，拆分，代码和预览的作用 关于Flash的代码 关于代码的 关于ASP的代码. 关于博客代码的。 关于网页代码的 关于代码 关于代码