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

javascript XMLHttpRequest对象全面剖析

Apr 24 Javascript

Jquery插件之多图片异步上传

Oct 20 Javascript

js如何获取file控件的完整路径具体实现代码

May 15 Javascript

js继承call()和apply()方法总结

Dec 08 Javascript

js使用Array.prototype.sort()对数组对象排序的方法

Jan 28 Javascript

Javascript小技能总结(推荐)

Jun 02 Javascript

文本框只能输入数字的实现方法(兼容IE火狐)

Jun 25 Javascript

javascript中new Array()和var arr=[]用法区别

Dec 01 Javascript

原生JS实现轮播图效果

Oct 12 Javascript

js实现鼠标点击页面弹出自定义文字效果

Dec 24 Javascript

vue实现计算器功能

Feb 22 Javascript

Element Breadcrumb 面包屑的使用方法

Jul 26 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 xml文件操作实现代码（二）

2009/03/20 PHP

PHP GD 图像处理组件的常用函数总结

2010/04/28 PHP

PHP和Mysqlweb应用开发核心技术－第1部分 Php基础－2 php语言介绍

2011/07/03 PHP

PHP中字符安全过滤函数使用小结

2015/02/25 PHP

thinkPHP框架实现的简单计算器示例

2018/12/07 PHP

在 Laravel 项目中使用 webpack-encore的方法

2019/07/21 PHP

JS图片无缝、平滑滚动代码

2014/03/11 Javascript

javascript对JSON数据排序的3个例子

2014/04/12 Javascript

基于Jquery easyui 选中特定的tab

2015/11/17 Javascript

Javascript实现检测客户端类型代码封包

2015/12/03 Javascript

JavaScript正则替换HTML标签功能示例

2017/03/02 Javascript

vue.js中过滤器的使用教程

2017/06/08 Javascript

vue2导航根据路由传值,而改变导航内容的实例

2017/11/10 Javascript

vue实现路由切换改变title功能

2019/05/28 Javascript

jquery实现图片无缝滚动蒙版遮蔽效果

2020/01/11 jQuery

[06:16]DOTA2守卫传承者——职业选手谈心路历程

2015/02/26 DOTA

pyramid配置session的方法教程

2013/11/27 Python

使用相同的Apache实例来运行Django和Media文件

2015/07/22 Python

详解使用python的logging模块在stdout输出的两种方法

2017/05/17 Python

python实现数据预处理之填充缺失值的示例

2017/12/22 Python

python基于ID3思想的决策树

2018/01/03 Python

Python实现针对给定字符串寻找最长非重复子串的方法

2018/04/21 Python

python简易实现任意位数的水仙花实例

2018/11/13 Python

python实现蒙特卡罗方法教程

2019/01/28 Python

Python实现钉钉订阅消息功能

2020/01/14 Python

python实现时间序列自相关图(acf)、偏自相关图(pacf)教程

2020/06/03 Python

用pandas划分数据集实现训练集和测试集

2020/07/20 Python

颇特女士香港官网：NET-A-PORTER香港

2021/03/08 全球购物

介绍一下linux文件系统分配策略

2013/02/25 面试题

电钳专业个人求职信

2014/01/04 职场文书

2014年最新学习全国两会精神心得

2014/03/17 职场文书

党员群众路线教育实践活动学习笔记

2014/11/05 职场文书

2014年信用社工作总结

2014/11/25 职场文书

求职意向书范本

2015/05/11 职场文书

python通配符之glob模块的使用详解

2021/04/24 Python

Windows Server 2008配置防火墙策略详解

2022/06/28 Servers