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 相关文章推荐
jQuery在vs2008及js文件中的无智能提示的解决方法
Dec 30 Javascript
jQuery 1.7.2中getAll方法的疑惑分析
May 23 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
Oct 24 Javascript
from表单多个按钮提交用onclick跳转不同action
Apr 24 Javascript
浅谈jquery.fn.extend与jquery.extend区别
Jul 13 Javascript
vue构建单页面应用实战
Apr 10 Javascript
bootstrap multiselect 多选功能实现方法
Jun 05 Javascript
解决vue+webpack打包路径的问题
Mar 06 Javascript
微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题
Oct 09 Javascript
VueJS 组件参数名命名与组件属性转化问题
Dec 03 Javascript
详解JavaScript中的Object.is()与&quot;===&quot;运算符总结
Jun 17 Javascript
微信小程序中使用vant框架的具体步骤
Feb 18 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无限分类的类
2007/01/02 PHP
Drupal 添加模块出现莫名其妙的错误的解决方法(往往出现在模块较多时)
2011/04/18 PHP
PHP使用imagick扩展实现合并图像的方法
2017/04/25 PHP
E3 tree 1.6在Firefox下显示问题的修复方法
2013/01/30 Javascript
浅析onsubmit校验表单时利用ajax的return false无效问题
2013/07/10 Javascript
按下回车键指向下一个位置的一个函数代码
2014/03/10 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
2014/03/25 Javascript
浅谈javascript的调试
2015/01/28 Javascript
深入浅出分析javaScript中this用法
2015/05/09 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
2015/10/20 Javascript
JavaScript实现url参数转成json形式
2016/09/25 Javascript
Vue axios 中提交表单数据(含上传文件)
2017/07/06 Javascript
JavaScript正则表达式和级联效果
2017/09/14 Javascript
vue-router 源码实现前端路由的两种方式
2018/07/02 Javascript
jQuery实现表单动态添加数据并提交的方法
2018/07/19 jQuery
jQuery 隐藏/显示效果函数用法实例分析
2020/05/20 jQuery
浅谈vue中使用编辑器vue-quill-editor踩过的坑
2020/08/03 Javascript
[38:31]完美世界DOTA2联赛PWL S3 Magma vs GXR 第一场 12.13
2020/12/17 DOTA
Python使用迭代器打印螺旋矩阵的思路及代码示例
2016/07/02 Python
Python变量和数据类型详解
2017/02/15 Python
Python2.7+pytesser实现简单验证码的识别方法
2017/12/29 Python
Python装饰器限制函数运行时间超时则退出执行
2019/04/09 Python
Python2与Python3的区别实例总结
2019/04/17 Python
python3 tkinter实现点击一个按钮跳出另一个窗口的方法
2019/06/13 Python
python开启debug模式的方法
2019/06/27 Python
Python中的self用法详解
2019/08/06 Python
Python 格式化输出_String Formatting_控制小数点位数的实例详解
2020/02/04 Python
已安装tensorflow-gpu,但keras无法使用GPU加速的解决
2020/02/07 Python
python读取图片的几种方式及图像宽和高的存储顺序
2020/02/11 Python
opencv-python的RGB与BGR互转方式
2020/06/02 Python
python爬虫中url管理器去重操作实例
2020/11/30 Python
HTML5中的websocket实现直播功能
2018/05/21 HTML / CSS
天美时手表加拿大官网:Timex加拿大
2016/09/01 全球购物
九一八事变演讲稿范文
2014/09/14 职场文书
餐厅感恩节活动策划方案
2014/10/11 职场文书
大学生安全教育心得体会
2016/01/15 职场文书