js网页中的(运行代码)功能实现思路


Posted in Javascript onFebruary 04, 2013
<!DOCTYPE html> 
<html> 
<head> 
<meta charset='utf8' /> 
<title>网页中的运行代码功能</title> 
<script type="text/javascript"> 
function runCode(oCode) { 
var win = window.open('', "_blank", ''); 
win.document.open('text/html', 'replace'); 
win.opener = null 
win.document.write(oCode.value); 
win.document.close(); 
} 
</script> 
</head> 
<body> 
<textarea id="code1" rows="10" cols="95"> 
<!DOCTYPE html> 
<html> 
<head> 
<meta charset='utf8' /> 
<title>测试文档</title> 
</head> 
<body> 
测试文档 - 你可以先修改部分代码再运行 
<script>alert('hello')</script> 
</body> 
</html> 
</textarea> 
<br> 
<input type="button" value="运行代码" onclick="runCode(code1)"> 
</body> 
</html>
Javascript 相关文章推荐
用js统计用户下载网页所需时间的脚本
Oct 15 Javascript
善用事件代理,警惕闭包的性能陷阱。
Jan 20 Javascript
JavaScript实现弹出子窗口并传值给父窗口
Dec 18 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
Aug 31 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
Oct 25 Javascript
AngularJS基础 ng-disabled 指令详解及简单示例
Aug 01 Javascript
JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别
Aug 26 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
Sep 01 Javascript
微信小程序学习(4)-系统配置app.json详解
Jan 12 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
Apr 03 Javascript
node.js到底要不要加分号浅析
Jul 11 Javascript
vue 实现左右拖拽元素并且不超过他的父元素的宽度
Nov 30 Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
Feb 02 #Javascript
自定义右键属性覆盖浏览器默认右键行为实现代码
Feb 02 #Javascript
js触发asp.net的Button的Onclick事件应用
Feb 02 #Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
Feb 02 #Javascript
js中eval()函数和trim()去掉字符串左右空格应用
Feb 02 #Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
Feb 01 #Javascript
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
Feb 01 #Javascript
You might like
laravel 5.1下php artisan migrate的使用注意事项总结
2017/06/07 PHP
详解yii2使用多个数据库的案例
2017/06/16 PHP
用javascript来实现动画导航效果的代码
2007/12/16 Javascript
根据一段代码浅谈Javascript闭包
2010/12/14 Javascript
JavaScript中的style.cssText使用教程
2014/11/06 Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
2015/01/09 Javascript
3个可以改善用户体验的AngularJS指令介绍
2015/06/18 Javascript
老生常谈jquery id选择器和class选择器的区别
2017/02/12 Javascript
js从输入框读取内容,比较两个数字的大小方法
2017/03/13 Javascript
javascript 动态生成css代码的两种方法
2017/03/17 Javascript
关于Angular2 + node接口调试的解决方案
2017/05/28 Javascript
jQuery实现的form转json经典示例
2017/10/10 jQuery
讲解vue-router之什么是嵌套路由
2018/05/28 Javascript
Vue.js项目实战之多语种网站的功能实现(租车)
2019/08/07 Javascript
highcharts.js数据绑定方式代码实例
2019/11/13 Javascript
详细分析Node.js 模块系统
2020/06/28 Javascript
微信小程序通过websocket实时语音识别的实现代码
2020/08/19 Javascript
Python中enumerate函数代码解析
2017/10/31 Python
Python时间和字符串转换操作实例分析
2019/03/16 Python
梅尔倒谱系数(MFCC)实现
2019/06/19 Python
python安装scipy的步骤解析
2019/09/28 Python
Python中生成一个指定长度的随机字符串实现示例
2019/11/06 Python
如何基于python操作json文件获取内容
2019/12/24 Python
浅谈Tensorflow 动态双向RNN的输出问题
2020/01/20 Python
python 已知三条边求三角形的角度案例
2020/04/12 Python
tensorflow指定CPU与GPU运算的方法实现
2020/04/21 Python
pymysql之cur.fetchall() 和cur.fetchone()用法详解
2020/05/15 Python
python matplotlib工具栏源码探析二之添加、删除内置工具项的案例
2021/02/25 Python
Python爬取网站图片并保存的实现示例
2021/02/26 Python
雅诗兰黛旗下专业男士保养领导品牌:Lab Series
2017/05/15 全球购物
2014年数学教研组工作总结
2014/12/06 职场文书
2015年护士医德医风自我评价
2015/03/03 职场文书
2016七夕情人节感言
2015/12/09 职场文书
导游词之台湾安平古堡
2019/12/25 职场文书
JS的深浅复制详细
2021/10/16 Javascript
Win10开机修复磁盘错误怎么跳过?Win10关闭开机磁盘检查的方法
2022/09/23 数码科技