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 相关文章推荐
利用XMLHTTP传递参数在另一页面执行并刷新本页
Oct 26 Javascript
JavaScript 学习笔记(十一)
Jan 19 Javascript
jquery模拟按下回车实现代码
Sep 20 Javascript
js校验表单后提交表单的三种方法总结
Feb 28 Javascript
js使用ajax读博客rss示例
May 06 Javascript
JS中处理时间之setUTCMinutes()方法的使用
Jun 12 Javascript
完美的js div拖拽实例代码
Sep 24 Javascript
通过扫描二维码打开app的实现代码
Nov 10 Javascript
JS中闭包的经典用法小结(2则示例)
Dec 28 Javascript
codeMirror插件使用讲解
Jan 16 Javascript
VUE v-for循环中每个item节点动态绑定不同函数的实例
Sep 26 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
Jan 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基础知识:控制结构
2006/12/13 PHP
详解PHP导入导出CSV文件
2014/11/03 PHP
ExtJS 入门
2010/10/29 Javascript
JS小功能(offsetLeft实现图片滚动效果)实例代码
2013/11/28 Javascript
超级好用的jQuery圆角插件 Corner速成
2014/08/31 Javascript
javascript中字符串拼接详解
2014/09/26 Javascript
javascript动态设置样式style实例分析
2015/05/13 Javascript
js实现分割上传大文件
2016/03/09 Javascript
JavaScript实战之菜单特效
2016/08/16 Javascript
深入分析node.js的异步API和其局限性
2016/09/05 Javascript
js 获取本地文件及目录的方法(推荐)
2016/11/10 Javascript
js调用屏幕宽度的简单方法
2016/11/14 Javascript
jquery中用函数来设置css样式
2016/12/22 Javascript
javascript实现文字无缝滚动
2016/12/27 Javascript
jQuery事件_动力节点Java学院整理
2017/07/05 jQuery
CheckBox多选取值及判断CheckBox选中是否为空的实例
2017/10/31 Javascript
ndm:NPM的桌面GUI应用程序
2018/10/15 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
js实现无刷新监听URL的变化示例代码详解
2020/06/03 Javascript
Python操作RabbitMQ服务器实现消息队列的路由功能
2016/06/29 Python
Python学习pygal绘制线图代码分享
2017/12/09 Python
Python批量发送post请求的实现代码
2018/05/05 Python
python实现七段数码管和倒计时效果
2019/11/23 Python
django之导入并执行自定义的函数模块图解
2020/04/01 Python
HTML5移动端手机网站开发流程
2016/04/25 HTML / CSS
英国领先的维生素和营养补充剂直接供应商:Healthspan
2019/04/22 全球购物
家庭教育先进个人事迹材料
2014/01/24 职场文书
冬季施工防火方案
2014/05/17 职场文书
文艺演出策划方案
2014/06/07 职场文书
新文化运动的基本口号
2014/06/21 职场文书
2014年高三班主任工作总结
2014/12/05 职场文书
2015年党员干部承诺书
2015/01/21 职场文书
歌舞青春观后感
2015/06/10 职场文书
2016年秋季开学典礼新闻稿
2015/11/25 职场文书
坚持不是死撑,更重要的是心态
2019/08/19 职场文书
python编程实现清理微信重复缓存文件
2021/11/01 Python