Javascript 预览代码

在我们编写了客户端代码,如 css、javascript、(x)html后,通常需要进行调试,而本代码可以让您在新打开的窗口中预览,方便及时修改。同时也可以用于代码演示。

Javascript 预览代码 – 示例

<textarea cols="70" rows="20" id="code"></textarea>

<script type="text/javascript">
<!--
function openWindow()
{
	newWindow = window.open('','newWindow','height=300,width=500,scrollbars=auto');
	if (newWindow != null)
	{
		var windowHTML= document.getElementById('code').value;

		newWindow.document.write(windowHTML);
		newWindow.focus();
	}
}
//-->
</script>

<br /><br />
<input value='预览代码' onclick="openWindow();" type="button" />

关于 Artlover

有多年 web 开发经验,擅长领域 PHP / MySQL / CSS / Javascript / Zend Framework ,期望:在分享中共同成长。
此条目发表在 Javascript 分类目录,贴了 , , , 标签。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*


*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>