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程序设计有所帮助。

Javascript 相关文章推荐
JavaScript 克隆数组最简单的方法
Feb 12 Javascript
js异步加载的三种解决方案
Mar 04 Javascript
js 遍历json返回的map内容示例代码
Oct 29 Javascript
node.js中的path.dirname方法使用说明
Dec 09 Javascript
javascript将DOM节点添加到文档的方法实例分析
Aug 04 Javascript
理解jquery事件冒泡
Jan 03 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
Apr 11 Javascript
React学习之事件绑定的几种方法对比
Sep 24 Javascript
jquery一键控制checkbox全选、反选或全不选
Oct 16 jQuery
Node爬取大批量文件的方法示例
Jun 28 Javascript
jQuery实现带进度条的轮播图
Sep 13 jQuery
React 并发功能体验(前端的并发模式)
Jul 01 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
You might like
用定制的PHP应用程序来获取Web服务器的状态信息
2006/10/09 PHP
PHP 中文处理技巧
2010/04/25 PHP
php遍历目录与文件夹的多种方法详解
2013/11/14 PHP
php强制用户转向www域名的方法
2015/06/19 PHP
javascript中的变量是传值还是传址的?
2010/04/19 Javascript
js中widow.open()方法使用详解
2013/07/30 Javascript
JavaScript 语言基础知识点总结(思维导图)
2013/11/10 Javascript
js给onclick赋值传参数的两种方法
2013/11/25 Javascript
JavaScript判断手机号运营商是移动、联通、电信还是其他(代码简单)
2015/09/25 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
2016/01/05 Javascript
全面了解javascript三元运算符
2016/06/27 Javascript
使用Node.js给图片加水印的方法
2016/11/15 Javascript
详解nodejs微信公众号开发——1.接入微信公众号
2017/04/10 NodeJs
node.js中express-session配置项详解
2017/05/31 Javascript
AngualrJs清除定时器遇到的坑
2017/10/13 Javascript
Rollup处理并打包JS文件项目实例代码
2018/05/31 Javascript
Vue兼容ie9的问题全面解决方案
2018/06/19 Javascript
基于jquery实现彩色投票进度条代码解析
2020/08/26 jQuery
[48:00]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第二场 11.04
2020/11/04 DOTA
Python制作简单的网页爬虫
2015/11/22 Python
详解python3百度指数抓取实例
2016/12/12 Python
详解python实现识别手写MNIST数字集的程序
2018/08/03 Python
flask应用部署到服务器的方法
2019/07/12 Python
Spartoo瑞典:鞋子、包包和衣服
2018/09/15 全球购物
应届生个人求职信模板
2013/11/26 职场文书
最新的咖啡店创业计划书
2013/12/30 职场文书
素质拓展感言
2014/01/29 职场文书
企业法人授权委托书
2014/04/03 职场文书
学校四风问题对照检查材料思想汇报
2014/09/26 职场文书
2014年军人思想汇报范文
2014/10/12 职场文书
优秀教师个人总结
2015/02/11 职场文书
以权谋私检举信范文
2015/03/02 职场文书
2015年税务稽查工作总结
2015/05/26 职场文书
党纪处分决定书
2015/06/24 职场文书
《弟子规》读后感:知廉耻、明是非、懂荣辱、辨善恶
2019/12/03 职场文书
《传颂之物 虚伪的假面》BD发售宣传CM公开
2022/04/04 日漫