超简单实现JavaScript在线编译器
2017-06-29 17:33
381 查看
又拿菜鸟教程的在线编译器说事儿,好尴尬啊,一个下午写了三个
js的编译其实很简单只需要用到 iframe 和 textarea 标签
这是超简单实现,所以代码很少:
<!DOCTYPE html> <html> <head> </head> <body> <textarea rows="10" cols="35" id="inputdata"></textarea> <button id="rundata" onclick="rundata()">RUN</button> <iframe id="iframe1"></iframe> </body> <script type="text/javascript"> function rundata(){ //获取输入框内的数据 var text = document.getElementById('inputdata').value; // 先清空iframe var iframe = document.getElementById("iframe1").contentWindow.document.body.innerText = ""; //将输入框内的数据传给iframe iframe = document.getElementById('iframe1').contentDocument.write(text); } </script> </html>
效果:
相关文章推荐
- 用25行JavaScript语句实现一个简单的编译器(转)
- python在线编译器的简单原理与超简单实现
- python在线编译器的简单原理及简单实现
- 用javascript实现一个简单编译器的思路
- python在线编译器的简单原理及简单实现代码
- 用25行JavaScript语句实现一个简单的编译器
- 使用FLEX实现简单WEB在线拍照功能
- ASP.NET中在线用户统计的简单实现及讨论
- 一个简单的用javascript实现的页面内容过滤显示小程序源码
- 比较简单的javascript实现input双击后可以编辑
- 利用JavaScript实现简单的拖动层(只使用于IE)
- 如何简单实现论坛实时在线用户统计
- 本菜鸟实现在线用户列表的简单方法
- JavaScript实现在线编辑表格
- 用Application轻松实现在线客服(简单的QQ聊天功能)
- 用Javascript与WScript实现PPT->HTM在线转换,压缩并上传
- JavaScript 实现的简单汉诺塔程序
- xml+javascript实现简单图片轮换
- 用C#实现的简单PL0 to C 编译器
- 实现在线用户列表的简单方法