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

如何实现修改密码时密码框显示保存到cookie的密码

Dec 10 Javascript

JS实现将人民币金额转换为大写的示例代码

Feb 13 Javascript

JS实现的简单鼠标跟随DiV层效果完整实例

Oct 31 Javascript

Bootstarp风格的toggle效果分享

Feb 23 Javascript

jQuery+PHP实现微信转盘抽奖功能的方法

May 25 Javascript

Javascript对象字面量的理解

Jun 22 Javascript

mac中利用NVM管理不同node版本的方法详解

Nov 08 Javascript

vue 注册组件的使用详解

May 05 Javascript

2种在vue项目中使用百度地图的简单方法

Sep 28 Javascript

vuex实现及简略解析(小结)

Mar 01 Javascript

微信小程序实现电子签名并导出图片

May 27 Javascript

vue自定义树状结构图的实现方法

Oct 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

国王的咖啡这么大来头，名字的由来是什么

2021/03/03 咖啡文化

PHP判断文件是否存在、是否可读、目录是否存在的代码

2012/10/03 PHP

Yii2使用swiftmailer发送邮件的方法

2016/05/03 PHP

ThinkPHP整合datatables实现服务端分页的示例代码

2018/02/10 PHP

jQuery插件 selectToSelect使用方法

2013/10/02 Javascript

推荐8款jQuery轻量级树形Tree插件

2014/11/12 Javascript

js实现开启密码大写提示

2016/12/21 Javascript

Mac下使用charles遇到的问题以及解决办法

2017/01/10 Javascript

vue.js实现含搜索的多种复选框（附源码）

2017/03/23 Javascript

Vue.js组件高级特性实例详解

2018/12/24 Javascript

vue页面加载时的进度条功能(实例代码)

2020/01/13 Javascript

原生js实现ajax请求和JSONP跨域请求操作示例

2020/03/14 Javascript

JS实现canvas简单小画板功能

2020/06/23 Javascript

JavaScript canvas实现跟随鼠标移动小球

2021/02/09 Javascript

如何在Python中编写并发程序

2016/02/27 Python

python通过Windows下远程控制Linux系统

2018/06/20 Python

python 通过SSHTunnelForwarder隧道连接redis的方法

2019/02/19 Python

python中yield的用法详解——最简单，最清晰的解释

2019/04/04 Python

python输出电脑上所有的串口名的方法

2019/07/02 Python

Python vtk读取并显示dicom文件示例

2020/01/13 Python

Python实现新型冠状病毒传播模型及预测代码实例

2020/02/05 Python

Python操作Elasticsearch处理timeout超时

2020/07/17 Python

利用Python如何制作贪吃蛇及AI版贪吃蛇详解

2020/08/24 Python

Lentiamo比利时：便宜的隐形眼镜

2020/02/14 全球购物

什么叫做SQL注入，如何防止

2016/10/04 面试题

标准导师推荐信（医学类）

2013/10/28 职场文书

行政助理工作职责范本

2014/03/04 职场文书

中考标语大全

2014/06/05 职场文书

创先争优演讲稿

2014/09/15 职场文书

文员转正自我鉴定怎么写

2014/09/29 职场文书

旷课检讨书

2015/01/26 职场文书

党委工作总结2015

2015/04/27 职场文书

制作能在nginx和IIS中使用的ssl证书

2021/06/21 Servers

手残删除python之后的补救方法

2021/06/26 Python

Java实现多线程聊天室

2021/06/26 Java/Android

mysql sock文件存储了什么信息

2022/07/15 MySQL