夏日博客

A-A+

javascript中预览文件代码

2016年02月21日 前端设计 暂无评论 阅读 6 views 次

我们在很网教程网站都会看到,像js代码可以直接点击预览就可以查看js效果了,其实方法很简单下面我来介绍方法,代码如下:

  1. <textarea cols="70" rows="20" id="code"></textarea>   
  2.     
  3. <script type="text/javascript">   
  4. <!--   
  5. function openWindow()   
  6. {   
  7.     newWindow = window.open('','newWindow','height=300,width=500,scrollbars=auto');     
  8.     if (newWindow != null)   
  9.     {   
  10.         var windowHTML= document.getElementById('code').value;   
  11.     
  12.         newWindow.document.write(windowHTML);   
  13.         newWindow.focus();   
  14.     }   
  15. }   
  16. //-->  
  17. </script>   
  18.     
  19. <br /><br />   
  20. <input value='预览代码' onclick="openWindow();" type="button" />  
标签：

给我留言