在线运行HTML代码器（一）

最新推荐文章于 2024-04-25 09:38:27 发布

weixin_30294709

最新推荐文章于 2024-04-25 09:38:27 发布

阅读量448

点赞数

原文链接：http://www.cnblogs.com/hewenwei/p/3970069.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代码器

将HTML代码粘在此处，点击运行即可。

转载于:https://www.cnblogs.com/hewenwei/p/3970069.html

weixin_30294709

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
在线运行HTML代码器（一）

在线运行HTML代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>在线运行HTML代码器（一）</title> <script> window.onload = function(){ ...
复制链接

扫一扫