JS实现直接运行html代码的方法

本文实例讲述了JS实现直接运行html代码的方法。分享给大家供大家参考，具体如下：

1、实例代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'/>
    <title>直接运行 html 代码</title>
  </head>
  <body>
    <textarea style='width:300px;height:200px;' id='txtCode'></textarea><br/>
    <input type='button' value='直接运行' id='btnRun'/>
    <script>
      document.getElementById('btnRun').onclick = function(){
        var runHtml = document.getElementById('txtCode').value;
        if(runHtml){
          var win = window.open('', '运行窗口');
          win.document.open();
          win.document.write(runHtml);
          win.document.close();
        }
        else{
          alert('请输入!');
        }
      }
    </script>
  </body>
</html>

2、运行效果图如下：

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：notice#nhooo.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

基础教程