科学探索频道,专天文航天,UFO探索,生物·自然,历史考古,人文地理,生活百科,华夏地理，时尚家居,别墅家居,别墅装修,花园生活花园设计,小户家居,书房装修，国际足球,F1赛车,欧冠,英超,意甲,西甲,德甲,篮球,NBA,赛车,网球,香车美女,ATP,WTA,体育新闻,曼联,阿森纳,欧冠直播,英超,意甲直播,西甲,德甲,篮球,比分直播,AC米兰
<!DOCTYPE html><html><head><meta charset="gb2312" /><title>runcode-运行HTML/CSS/Jvascrip代码</title></head><body><form> <textarea name="codearea" > </textarea> <br /> <input name="run" type="button" value="运行代码"></form><script>(function(){ function run(code){ var newWin = window.open("", "_blank", ""); newWin.opener = null; // 防止代码对页面修改 newWin.document.open(); newWin.document.write(code); newWin.document.close(); } //遍历页面中运行代码按钮 var executes = document.getElementsByName("run"); for(var i=0; i<executes.length; i++){ executes[i].onclick = function(){ var code = this.form.codearea.value; run(code); }; } }());</script></body></html>
要在博客中插入可运行的代码：
一 将博客园后台的文本编辑器切换到的HTML视图下插入代码：
<form> <textarea name="codearea" > </textarea> <br /> <input name="run" type="button" value="运行代码"></form>
表单元素的样式可以根据需要调整。
二 、在textarea中插入需要运行的代码，代码需要经过HTML ENCODE 否则提交的时候会被处理。
三、在页面底部加入代码：
<script type="text/javascript" src="http://www.buyed.cn/blog/script/runcode.js"></script>
或者拷贝runcode.js中的代码到页面上。
演示：
