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 相关文章推荐
javascript中的107个基础知识收集整理 推荐
Mar 29 Javascript
jquery中实现标签切换效果的代码
Mar 01 Javascript
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
Mar 21 Javascript
从jquery的过滤器.filter()方法想到的
Sep 29 Javascript
js修改原型的属性使用介绍
Jan 26 Javascript
JavaScript中的getMilliseconds()方法使用详解
Jun 10 Javascript
jQuery常用的一些技巧汇总
Mar 26 Javascript
第十章之巨幕页头缩略图与警告框组件
Apr 25 Javascript
浅谈js基本数据类型和typeof
Aug 09 Javascript
vue弹窗组件的实现示例代码
Sep 10 Javascript
vue 双向数据绑定的实现学习之监听器的实现方法
Nov 30 Javascript
使用vue脚手架(vue-cli)搭建一个项目详解
May 09 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内存相关的功能特性详解
2013/06/08 PHP
windows server 2008/2012安装php iis7 mysql环境搭建教程
2016/06/30 PHP
php倒计时出现-0情况的解决方法
2016/07/28 PHP
thinkPHP引入类的方法详解
2016/12/08 PHP
PHP中抽象类,接口功能、定义方法示例
2019/02/26 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
豆瓣网的jquery代码实例
2008/06/15 Javascript
javascript 四则运算精度修正函数代码
2010/05/31 Javascript
JavaScript实现找出数组中最长的连续数字序列
2014/09/03 Javascript
jQuery判断对象是否存在的方法
2015/02/05 Javascript
如何学JavaScript?前辈的经验之谈
2016/12/28 Javascript
详解vue父子模版嵌套案例
2017/03/04 Javascript
JavaScript队列函数和异步执行详解
2017/06/19 Javascript
pm2 部署 node的三种方法示例
2017/10/20 Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
2018/03/03 Javascript
解决vue 绑定对象内点击事件失效问题
2018/09/05 Javascript
vue-cli中安装方法(图文详细步骤)
2018/12/12 Javascript
详解实现一个通用的“划词高亮”在线笔记功能
2019/04/23 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
2019/09/03 jQuery
Vue实现星级评价效果实例详解
2019/12/30 Javascript
[52:06]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
[03:11]不朽宝藏三外观展示
2020/09/18 DOTA
Python使用django搭建web开发环境
2017/06/09 Python
urllib和BeautifulSoup爬取维基百科的词条简单实例
2018/01/17 Python
12个Python程序员面试必备问题与答案(小结)
2019/06/24 Python
基于python-opencv3的图像显示和保存操作
2019/06/27 Python
Python爬虫运用正则表达式的方法和优缺点
2019/08/25 Python
使用Python爬虫库requests发送请求、传递URL参数、定制headers
2020/01/25 Python
Pycharm+Python工程,引用子模块的实现
2020/03/09 Python
python openCV自制绘画板
2020/10/27 Python
HTML5之HTML元素扩展(上)—新增加的元素及使用概述
2013/01/31 HTML / CSS
精伦电子Java笔试题
2013/01/16 面试题
个人对照检查材料思想汇报
2014/09/26 职场文书
成本会计岗位职责
2015/02/03 职场文书
初中生入团申请书范文(五篇)
2019/10/16 职场文书
python 远程执行命令的详细代码
2022/02/15 Python