编程 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 相关文章推荐

获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)

Feb 14 Javascript

解读JavaScript中 For, While与递归的用法

May 07 Javascript

浅谈js的setInterval事件

Dec 05 Javascript

javascript实现倒计时N秒后网页自动跳转代码

Dec 11 Javascript

jquery中radio checked问题

Mar 16 Javascript

AngularJS 中的指令实践开发指南(一)

Mar 20 Javascript

Angular的自定义指令以及实例

Dec 26 Javascript

JS实现商品筛选功能

Aug 19 Javascript

详解bootstrap用dropdown-menu实现上下文菜单

Sep 22 Javascript

vue.js $refs和$emit 父子组件交互的方法

Dec 20 Javascript

JavaScript实现简单动态进度条效果

Apr 06 Javascript

JS实现图片转换成base64的各种应用场景实例分析

Jun 22 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实现生成HTML静态页面

2015/11/18 PHP

PHP MYSQL简易交互式站点开发

2016/12/27 PHP

在PHP中实现使用Guzzle执行POST和GET请求

2019/10/15 PHP

在网页中使用document.write时遭遇的奇怪问题

2010/08/24 Javascript

浏览器常用高宽的jquery插件

2011/02/24 Javascript

jQuery实现密保互斥问题解决方案

2013/08/16 Javascript

jquery实现的一个简单进度条效果实例

2014/05/12 Javascript

js调试工具Console命令详解

2014/10/21 Javascript

浅谈javascript的调试

2015/01/28 Javascript

AngularJS基础 ng-mouseleave 指令详解

2016/08/02 Javascript

简单理解js的冒泡排序

2016/12/19 Javascript

JS中cookie的使用及缺点讲解

2017/05/13 Javascript

node使用UEditor富文本编辑器的方法实例

2017/07/11 Javascript

基于zepto.js实现手机相册功能

2017/07/11 Javascript

原生js调用json方法总结

2018/02/22 Javascript

Vue中v-show添加表达式的问题(判断是否显示)

2018/03/26 Javascript

详解使用 Node.js 开发简单的脚手架工具

2018/06/08 Javascript

vue生成token并保存到本地存储中

2018/07/17 Javascript

微信小程序登录按钮遮罩浮层效果的实现方法

2018/12/16 Javascript

在Vue项目中使用snapshot测试的具体使用

2019/04/16 Javascript

浅谈小程序globalData的那些事儿

2019/11/01 Javascript

javascript实现时间日期的格式化的方法汇总

2020/08/06 Javascript

[03:49]辉夜杯现场龙骑士COSER秀情商“我喜欢芬队！”

2015/12/27 DOTA

Python中捕捉详细异常信息的代码示例

2014/09/18 Python

Python程序退出方式小结

2017/12/09 Python

Python学习笔记基本数据结构之序列类型list tuple range用法分析

2019/06/08 Python

Python实现平行坐标图的两种方法小结

2019/07/04 Python

使用Python+selenium实现第一个自动化测试脚本

2020/03/17 Python

保护环境的建议书

2014/03/12 职场文书

优秀大学生求职自荐信范文

2014/04/19 职场文书

毕业典礼演讲稿

2014/05/13 职场文书

爱牙日活动总结

2014/08/29 职场文书

刑事上诉状（无罪）

2015/05/23 职场文书

妈妈再爱我一次观后感

2015/06/08 职场文书

灵能百分百第三季什么时候来？

2022/03/15 日漫

MySQL派生表联表查询实战过程

2022/03/20 MySQL