首页 > 网站 > WEB开发 > 正文

在线运行HTML代码器(一)

2024-04-27 14:32:37
字体:
来源:转载
供稿:网友
在线运行HTML代码器(一)

在线运行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代码器


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表