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 相关文章推荐
网页javascript精华代码集
Jan 24 Javascript
jQuery获得内容和属性方法及示例
Dec 02 Javascript
js 左右悬浮对联广告代码示例
Dec 12 Javascript
JS实现搜索框文字可删除功能
Dec 28 Javascript
使用原生js写ajax实例(推荐)
May 31 Javascript
React-Native中禁用Navigator手势返回的示例代码
Sep 09 Javascript
bootstrap table支持高度百分比的实例代码
Feb 28 Javascript
使用javascript做时间倒数读秒功能的实例
Jan 23 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
Feb 18 Javascript
angular4应用中输入的最小值和最大值的方法
May 17 Javascript
微信小程序吸底区域适配iPhoneX的实现
Apr 09 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 01 jQuery
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
在同一窗体中使用PHP来处理多个提交任务
2006/10/09 PHP
php图片加水印原理(超简单的实例代码)
2013/01/18 PHP
Laravel 5.0 发布 新版本特性详解
2015/02/10 PHP
33道php常见面试题及答案
2015/07/06 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
如果文字过长,则将过长的部分变成省略号显示
2006/06/26 Javascript
用js实现上传图片前的预览(TX的面试题)
2007/08/14 Javascript
JavaScript中出现乱码的处理心得
2009/12/24 Javascript
autoIMG 基于jquery的图片自适应插件代码
2011/03/12 Javascript
jQuery EasyUI 布局之动态添加tabs标签页
2015/11/18 Javascript
在JavaScript中call()与apply()区别
2016/01/22 Javascript
jQuery EasyUI常用数据验证汇总
2016/09/18 Javascript
学习使用bootstrap的modal和carousel
2016/12/09 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
2017/02/05 Javascript
js实现导航吸顶效果
2017/02/24 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
2017/03/14 Javascript
详解AngularJS1.6版本中ui-router路由中/#!/的解决方法
2017/05/22 Javascript
Vue 表单控件绑定的实现示例
2017/08/11 Javascript
Vuex中实现数据状态查询与更改
2019/11/08 Javascript
vue实现移动端拖动排序
2020/08/21 Javascript
[26:21]浴火之凤-TI4世界冠军Newbee战队纪录片
2014/08/07 DOTA
[02:49:21]2019完美盛典全程录像
2019/12/08 DOTA
python监控网站运行异常并发送邮件的方法
2015/03/13 Python
python3实现TCP协议的简单服务器和客户端案例(分享)
2017/06/14 Python
Python使用matplotlib绘制随机漫步图
2018/08/27 Python
Python协程操作之gevent(yield阻塞,greenlet),协程实现多任务(有规律的交替协作执行)用法详解
2019/10/14 Python
python中设置超时跳过,超时退出的方式
2019/12/13 Python
毕业生的求职信范文分享
2013/12/04 职场文书
数学检讨书1000字
2014/02/24 职场文书
2014年党员整改措施范文
2014/09/21 职场文书
2015年出纳个人工作总结
2015/04/02 职场文书
百万英镑观后感
2015/06/09 职场文书
警示教育观后感
2015/06/17 职场文书
省级三好学生主要事迹材料
2015/11/03 职场文书
作文之亲情600字
2019/09/23 职场文书
如何使用PostgreSQL进行中文全文检索
2021/05/27 PostgreSQL