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 相关文章推荐
需要做特殊处理的DOM元素属性的访问
Nov 05 Javascript
Jquery UI震动效果实现原理及步骤
Feb 04 Javascript
SOSO地图JS画出标注和中心点以html形式运行
Aug 09 Javascript
jQuery使用each方法与for语句遍历数组示例
Jun 16 Javascript
浅谈React 属性和状态的一些总结
Nov 21 Javascript
jQuery实现按比例缩放图片的方法
Apr 29 jQuery
深入理解vue中的$set
Jun 01 Javascript
vue.js实现刷新当前页面的方法教程
Jul 05 Javascript
微信小程序模版渲染详解
Jan 26 Javascript
vue项目中仿element-ui弹框效果的实例代码
Apr 22 Javascript
vue+elementUI组件table实现前端分页功能
Nov 15 Javascript
解决vue-router路由拦截造成死循环问题
Aug 05 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学习笔记之 函数声明(二)
2011/06/09 PHP
深入eAccelerator与memcached的区别详解
2013/06/06 PHP
thinkPHP下ueditor的使用方法详解
2015/12/26 PHP
Symfony2开发之控制器用法实例分析
2016/02/05 PHP
刷新页面实现方式总结(HTML,ASP,JS)
2008/11/13 Javascript
Javascript中的变量使用说明
2010/05/18 Javascript
JQUBar 基于JQUERY的柱状图插件
2010/11/23 Javascript
JS链式调用的实现方法
2013/03/07 Javascript
js弹出模式对话框,并接收回传值的方法
2013/03/12 Javascript
JS控制文本框textarea输入字数限制的方法
2013/06/17 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
2016/04/26 Javascript
一次围绕setTimeout的前端面试经验分享
2017/06/15 Javascript
JS实现匀加速与匀减速运动的方法示例
2017/09/04 Javascript
浅谈webpack4 图片处理汇总
2018/09/12 Javascript
详解async/await 异步应用的常用场景
2019/05/13 Javascript
vue引用外部JS的两种种方法
2020/01/28 Javascript
[01:07]DOTA2次级职业联赛 - Fpb战队宣传片
2014/12/01 DOTA
详解Python中find()方法的使用
2015/05/18 Python
python实现逻辑回归的方法示例
2017/05/02 Python
Python调用ctypes使用C函数printf的方法
2017/08/23 Python
Python实现的破解字符串找茬游戏算法示例
2017/09/25 Python
Python使用matplotlib简单绘图示例
2018/02/01 Python
python操作excel的方法
2018/08/16 Python
Python设计模式之迭代器模式原理与用法实例分析
2019/01/10 Python
我就是这样学习Python中的列表
2019/06/02 Python
python实现文件的备份流程详解
2019/06/18 Python
简单了解Python matplotlib线的属性
2019/06/29 Python
Python 生成短8位唯一id实战教程
2021/01/13 Python
详解rem 适配布局
2018/10/31 HTML / CSS
小米俄罗斯授权商店:Xiaomi俄罗斯
2019/12/08 全球购物
普师专业个人自荐信范文
2013/11/26 职场文书
劲霸男装广告词
2014/03/21 职场文书
乡村卫生服务一体化管理实施方案
2014/03/30 职场文书
出资证明书范本(标准版)
2014/09/24 职场文书
2014年学校教学工作总结
2014/12/06 职场文书
2016党风廉政建设心得体会范文
2016/01/25 职场文书