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 相关文章推荐
在textarea中屏蔽js的某个function的javascript代码
Apr 20 Javascript
动态样式类封装JS代码
Sep 02 Javascript
JavaScript Event学习第三章 早期的事件处理程序
Feb 07 Javascript
jQuery学习笔记之jQuery的事件
Dec 22 Javascript
JavaScript学习笔记(二) js对象
Oct 25 Javascript
JS、CSS加载中的小问题探讨
Nov 26 Javascript
Servlet实现文件上传,可多文件上传示例
Dec 05 Javascript
利用Js+Css实现折纸动态导航效果实例源码
Jan 25 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
Sep 03 Javascript
Vue数据驱动表单渲染,轻松搞定form表单
Jul 19 Javascript
解决Vue-Router升级导致的Uncaught (in promise)问题
Aug 07 Javascript
JavaScript中时间格式化新思路toLocaleString()
Nov 07 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脚本的10个技巧(1)
2006/10/09 PHP
PHP中检索字符串的方法分析【strstr与substr_count方法】
2017/02/17 PHP
thinkPHP5.0框架应用请求生命周期分析
2017/03/25 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
Domino中运用jQuery读取视图内容的方法
2009/10/21 Javascript
JavaScript中的类继承
2010/11/25 Javascript
5个最佳的Javascript日期处理类库分享
2012/04/15 Javascript
复选框全选与全不选操作实现思路
2013/08/18 Javascript
AngularJS 实现JavaScript 动画效果详解
2016/09/08 Javascript
ajax与json 获取数据并在前台使用简单实例
2017/01/19 Javascript
javascript 中设置window.location.href跳转无效问题解决办法
2017/02/09 Javascript
jQuery图片切换动画效果
2017/02/28 Javascript
jQuery插件zTree实现更新根节点中第i个节点名称的方法示例
2017/03/08 Javascript
基于JavaScript实现评论框展开和隐藏功能
2017/08/25 Javascript
浅谈angular2子组件的事件传递(任意组件事件传递)
2018/09/30 Javascript
详解Element-UI中上传的文件前端处理
2019/08/07 Javascript
简单了解vue中的v-if和v-show的区别
2019/10/08 Javascript
用jQuery实现抽奖程序
2020/04/12 jQuery
vue 数据双向绑定的实现方法
2021/03/04 Vue.js
Python实现115网盘自动下载的方法
2014/09/30 Python
Python使用百度API上传文件到百度网盘代码分享
2014/11/08 Python
python编写暴力破解zip文档程序的实例讲解
2018/04/24 Python
浅谈Python采集网页时正则表达式匹配换行符的问题
2018/12/20 Python
python 利用文件锁单例执行脚本的方法
2019/02/19 Python
巧用CSS3的calc()宽度计算做响应模式布局的方法
2018/03/22 HTML / CSS
深入解析HTML5使用SVG图像时的viewBox属性用法
2015/09/02 HTML / CSS
草莓网化妆品加拿大网站:Strawberrynet Canada
2016/09/20 全球购物
智能电子秤、手表和健康监测仪:Withings(之前为诺基亚健康)
2018/10/30 全球购物
机械电子工程毕业生自荐信
2013/11/23 职场文书
注塑工厂厂长岗位职责
2013/12/02 职场文书
请假条的格式
2014/04/11 职场文书
房产公证书格式
2015/01/26 职场文书
考试作弊检讨书范文
2015/01/27 职场文书
金砖之国观后感
2015/06/11 职场文书
Mysql基础知识点汇总
2021/05/26 MySQL
vue3语法糖内的defineProps及defineEmits
2022/04/14 Vue.js