标签：style blog color io os java ar div sp
在线运行HTML代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>在线运行HTML代码器（一）</title> <script> window.onload = function(){ var btrun = document.getElementById("btrun"); var cdarea = document.getElementById("cdarea"); btrun.onclick = function(){ if(cdarea.value != "将HTML代码粘在此处，点击运行即可。"){ var newwin = window.open(‘‘, "_blank", ‘‘); newwin.document.open(‘text/html‘, ‘replace‘); newwin.opener = null; newwin.document.write(cdarea.value); newwin.document.close(); } else { alert("请将需要运行的HTML填写到输入框后再运行！"); } } } function codeClear() { document.getElementById(‘cdarea‘).value = ""; document.getElementById(‘cdarea‘).focus(); } </script> </head> <body> <textarea id="cdarea" style="background: #f9f9f9; color: #b4b4b4;" rows="8" cols="40" onfocus="if(this.value==‘将HTML代码粘在此处，点击运行即可。‘) {this.value=‘‘; this.style.color=‘#000000‘; this.style.fontFamily=‘Courier New‘; this.style.fontSize=‘14px‘}" onblur="if(this.value==‘‘) {this.value=‘将HTML代码粘在此处，点击运行即可。‘; this.style.color=‘#ACA899‘;}">将HTML代码粘在此处，点击运行即可。</textarea> <br /> <input id="btclear" type="button" value="清除" onclick="codeClear();" /> <input id="btrun" type="button" value="运行" /> </body> </html>
效果：在线运行HTML代码器
标签：style blog color io os java ar div sp
原文地址：http://www.cnblogs.com/hewenwei/p/3970069.html
