1. 插入框实现代码在线运行
如下（输入代码）：
源码为1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16<textarea id="code" cols="40" rows="10" style="width:90%;background-color:#eee;"></textarea><br>
<input type="butoon" value="运行代码" id="run">
<script type="text/javascript">
window.onload = function () {
var run = document.getElementById('run');
var code = document.getElementById('code');
run.onclick = function () {
var win = window.open('about:blank','_blank');
win.document.write(code.value);
//强制从缓冲区输出内容
win.document.close();
}
}
</script>
测试一下(copy下面代码),运行试试看1
2
3
4
5
6
7
8
9
10<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>text</title>
</head>
<body>
<h2>hello world</h2>
</body>
</html>
重大发现
还有就是今天好像发现了一个很666的东西codepen
CodePen.io:网站前端设计开发平台是一个针对网站前端代码设计的开发工具，提供多种效果的网站前端代码设计工具，丰富的案例特效，用户可以demo的基础上开发自己的前端设计。~~贼帅~
codepen 官网
codepen 中文官网
2016 排行前100的酷炫设计
慢慢研究学习
