JS Runcode运行网页上的HTML/CSS/Javascrip代码
生活随笔
收集整理的這篇文章主要介紹了
JS Runcode运行网页上的HTML/CSS/Javascrip代码
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!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中的代碼到頁面上。
演示：
總結
以上是生活随笔為你收集整理的JS Runcode运行网页上的HTML/CSS/Javascrip代码的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 浅谈SDN与云网络
- 下一篇： 20应用统计考研复试要点(part12)