Javascript 预览代码

时间:4年前   阅读:5236

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

<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>
<input value='预览代码' onclick="openWindow();" type="button" />

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

上一篇:如何用CSS将超出显示宽度的内容隐藏起来

下一篇:元素 float:right 后右对齐换行的原因和解决方法

网友评论

请先 登录 再评论,若不是会员请先 注册