编程 Javascript

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

Posted in Javascript onMarch 13, 2017

本文实例讲述了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、运行效果图如下：

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

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

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

- Author -

继续去踢波

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript事件模型代码

Jul 01 Javascript

JS实现的4种数字千位符格式化方法分享

Mar 02 Javascript

jquery+CSS实现的多级竖向展开树形TRee菜单效果

Aug 24 Javascript

使用jquery插件qrcode生成二维码

Oct 22 Javascript

实例浅析js的this

Dec 11 Javascript

JavaScript利用正则表达式替换字符串中的内容

Dec 12 Javascript

利用iscroll4实现轮播图效果实例代码

Jan 11 Javascript

vue proxyTable 接口跨域请求调试的示例

Sep 12 Javascript

页面点击小红心js实现代码

May 26 Javascript

微信小程序自定义音乐进度条的实例代码

Aug 28 Javascript

js canvas实现5张图片合成一张图片

Jul 15 Javascript

angular异步验证器防抖实例详解

Mar 31 Javascript

js从输入框读取内容,比较两个数字的大小方法

Mar 13 #Javascript

jsonp跨域请求实现示例

Mar 13 #Javascript

使用openSpeDiv方法实现Ecshop登录弹窗框效果

Mar 13 #Javascript

H5实现中奖记录逐行滚动切换效果

Mar 13 #Javascript

jQuery实现页面倒计时并刷新效果

Mar 13 #Javascript

JS实现的简单拖拽功能示例

Mar 13 #Javascript

jQuery中layer分页器的使用

Mar 13 #Javascript