JS-在线运行代码小工具
2017-04-07 10:58
357 查看
原理:window.open()方法,open一个新的空白页,然后把文本框中粘贴的代码通过DOM操作,写到新的代码页中,
再利用document.write的功能(写进去之前把其他的全部删掉,并且写进去的html代码是可以解析的。)完成想要的效果。
window.open打开的新页面也是一个浏览器对象,也具有document.write这个方法;。
再利用document.write的功能(写进去之前把其他的全部删掉,并且写进去的html代码是可以解析的。)完成想要的效果。
window.open打开的新页面也是一个浏览器对象,也具有document.write这个方法;。
1 <!DOCTYPE html> 2 <html> 3 <!-- 4 作者:702004176@qq.com 5 时间:2017-04-07 6 描述:在线运行代码小工具 7 --> 8 <head> 9 <meta charset="UTF-8"> 10 <title>在线运行代码</title> 11 <meta name="author" content="gjf_xing.org1^"/> 12 <meta name="Description" content="在线运行代码的小工具"/> 13 <meta name="Keywords" content="小工具,代码运行,运行代码,open方法,新页面,在线调试"/> 14 </head> 15 <body> 16 <textarea name="" rows="13" cols="80" id="txt"></textarea> 17 <br /> 18 <input type="button" name="" id="btn" value="运行代码" /> 19 </body> 20 <script type="text/javascript"> 21 window.onload = function(){ 22 var oTxt = document.getElementById("txt"), 23 oBtn = document.getElementById("btn"); 24 oBtn.onclick = function(){ 25 var w = window.open("about:blank","_blank"); 26 w.document.write(oTxt.value); 27 }; 28 }; 29 </script> 30 </html>
相关文章推荐
- canvas-js贝塞尔曲线代码在线生成工具
- 在线JS编辑器,可运行保存简单JS代码(已开源)
- Html5系列(十二)canvas-js贝塞尔曲线代码在线生成工具
- 在线JS代码调试工具JSFiddle和JSBin、菜鸟在线编辑器
- 2048聚合版开源代码,cocos2d-js编写,基于CocosEditor开发工具,可运行Android,ios,html5等
- 在线代码编译运行工具
- canvas-js贝塞尔曲线代码在线生成工具
- 10个代码在线运行测试工具
- Duang~Duang~Duang 还在使用jsfiddle和jsbin做在线前端代码展示和演示吗? 试试更强大的在线代码分享工具吧!
- 工具:鹰眼Hawkeye——托管代码运行时编辑器
- 判断QQ是否在线(JS代码)
- 本日志标题:Div+Css(+Js)菜单代码及制作工具
- 服务器端加入自动运行的JS代码
- VB.net和C#代码互相转换的在线工具
- IE不能运行有JS代码的网页处理方法
- js 工具代码
- C#与VB.NET代码互相转换在线工具
- 纯js实现的论坛常用的运行代码的效果
- 在使用JS框架之前自己写的一些工具代码
- js实现运行代码需要刷新的解决方法