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

ECMAScript 基础知识

Jun 29 Javascript

js和jquery批量绑定事件传参数一(新猪猪原创)

Jun 23 Javascript

关于JS数组追加数组采用push.apply的问题

Jun 09 Javascript

jquery实现textarea输入框限制字数的方法

Jan 15 Javascript

通过js获取上传的图片信息（临时保存路径，名称，大小）然后通过ajax传递给后端的方法

Oct 01 Javascript

JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)

Dec 13 Javascript

JavaScript实现三级联动菜单效果

Aug 16 Javascript

node.js微信小程序配置消息推送的实现

Feb 13 Javascript

微信小程序云开发详细教程

May 16 Javascript

微信小程序事件 bindtap bindinput代码实例

Aug 26 Javascript

Node.js 深度调试方法解析

Jul 28 Javascript

5种方法告诉你如何使JavaScript 代码库更干净

Sep 15 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 冒泡排序算法的实现代码

2010/08/08 PHP

浅析php过滤html字符串,防止SQL注入的方法

2013/07/02 PHP

jQuery帮助之筛选查找 children([expr])

2011/01/31 Javascript

poshytip 基于jquery的插件主要用于显示微博人的图像和鼠标提示等

2012/10/12 Javascript

jquery弹出关闭遮罩层实例

2013/08/06 Javascript

开发插件的两个方法jquery.fn.extend与jquery.extend

2013/11/21 Javascript

jquery查找tr td 示例模拟

2014/05/08 Javascript

node.js中的Socket.IO使用实例

2014/11/04 Javascript

JavaScript计时器示例分析

2015/02/05 Javascript

BootStrap注意事项小结（五）表单

2017/03/10 Javascript

Vue2.0权限树组件实现代码

2017/08/29 Javascript

Vue2.0用户权限控制解决方案的示例

2018/02/10 Javascript

JavaScript解析及序列化JSON的方法实例分析

2019/01/04 Javascript

JS实现从对象获取对象中单个键值的方法示例

2019/06/05 Javascript

细述Javascript的加法运算符的具体使用

2019/10/18 Javascript

详解Vue之事件处理

2020/07/10 Javascript

基于JQuery和DWR实现异步数据传递

2020/10/16 jQuery

python基础while循环及if判断的实例讲解

2017/08/25 Python

python学习教程之Numpy和Pandas的使用

2017/09/11 Python

Python：Scrapy框架中Item Pipeline组件使用详解

2017/12/27 Python

Django实现组合搜索的方法示例

2018/01/23 Python

python中pylint使用方法(pylint代码检查)

2018/04/06 Python

通过PHP与Python代码对比的语法差异详解

2019/07/10 Python

Flask配置Cors跨域的实现

2019/07/12 Python

在Python中使用MySQL--PyMySQL的基本使用方法

2019/11/19 Python

pytorch 修改预训练model实例

2020/01/18 Python

Pytorch 使用opnecv读入图像由HWC转为BCHW格式方式

2020/06/02 Python

python 基于Apscheduler实现定时任务

2020/12/15 Python

用CSS3实现背景渐变的方法

2015/07/14 HTML / CSS

澳大利亚设计的优质鞋类和适合澳大利亚生活方式的服装：Rivers

2019/04/23 全球购物

Exception类的常用方法

2012/06/16 面试题

在求职信中如何凸显个人优势

2013/10/30 职场文书

优秀老师事迹材料

2014/02/05 职场文书

区级文明单位申报材料

2014/05/15 职场文书

GoFrame gredis缓存DoVar Conn连接对象自动序列化GoFrame gredisDo/DoVar方法Conn连接对象自动序列化/反序列化总结

2022/06/14 Golang

Redis+AOP+自定义注解实现限流

2022/06/28 Redis