页面

2008年12月28日

javascript 代码预览

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

HTML:

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

    --
    365生活网,您身边的朋友
    www.365life.org

没有评论: