HTML代码在线运行工具

刺骨的言语ヽ痛彻心扉 2022-04-24 05:08 1151阅读 0赞

HTML代码在线运行工具

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>网页HTML代码在线运行器-测试版</title>
  6. <link rel="icon" href="img/ico.ico" type="image/x-icon" />
  8.     <style type="text/css">
  9. .dowap-top-bar .nav-top-bar {
  11.     border-bottom:1px solid rgb(168,173,177);
  12.     height:20px;
  13.     top:2px;
  14.     opacity:0.4;
  15.     position:relative;
  16.     padding:0px 20px;
  17.     text-align:center;
  18.     font-size:12px;
  19. }
  20. .dowap-top-bar {
  22.     color:black;
  23. }
  24. .dowap-top-bar {
  26.     left:0px;
  27.     margin:0px auto;
  28.     line-height:90%;
  29. }
  30. .logo{
  32. margin-bottom:5px;
  33. margin-top:-10px;
  34. width:100%;
  35. height:80px;}
  36. .Sub {
  38.     border:1px solid rgb(197,226,242);
  39.     background:url(img/but.gif) repeat-x scroll 50% top rgb(205,228,242);
  40.     height:30px;
  41.     margin-left:5px;
  42.     cursor:pointer;
  43.     margin-bottom:5px;
  44.     width:90px;
  45. }
  46. .w970 {
  48.     width:970px;
  49.     overflow:hidden;
  50.     margin:0 auto;
  51.     margin-top:5px;
  52. }
  53. .copyright {
  55.     color:rgb(102,102,102);
  56.     text-align:center;
  57.     font:12px Verdana,Arial,Tahoma;
  58. }
  59. .mapspage {
  61.     background:url(img/bg_maplist.gif);
  62. }
  63. .map_list_add {
  65.     margin:0;
  66.     padding:0;
  67.     font:14px "Microsoft YaHei","微软雅黑",tahoma,arial,"\5B8B\4F53";
  68.     color:    #999999;
  69.     width:970px;
  70.     line-height:25px;
  71. }
  72. div,ul,li,h3 {
  74.     padding:0;
  75.     margin:0;
  76. }
  77. .guide {
  79.     width:970px;
  80.     height:32px;
  81.     margin:0 auto;
  82.     padding:10px 5px 0;
  83.     line-height:32px;
  84.     font-size:14px;
  85. }
  86. .sitemap {
  88.     width:970px;
  89.     margin:0 auto;
  90. }
  91. .sitemap_title {
  93.     padding:0 5px;
  94. }
  95. .sitemap_title h3 {
  97.     font-size:18px;
  98.     color:#4d4d4d;
  99.     font-family:"Microsoft YaHei";
  100.     line-height:5px;
  101.     margin:15px 0 10px;
  102. }
  103. .sitemap_list {
  105.     padding:10px;
  106.     background-color:#fff;
  107.     border:1px solid #f8f8f8;
  108.     border-color:#dedcdd #c9c7c8 #c9c7c8;
  109.     padding:12px;
  110.     top:0;
  111.     left:40%;
  112.     -webkit-transition:all 0.3s;
  113.     -moz-transition:all 0.3s;
  114.     -o-transition:all 0.3s;
  115.     -ms-transition:all 0.3s;
  116.     transition:all 0.3s;
  117.     box-shadow:0 1px 3px rgba(0,0,0,.2);
  118.     -moz-box-shadow:0 1px 3px rgba(0,0,0,.2);
  119.     -webkit-box-shadow:0 1px 3px rgba(0,0,0,.2)
  120. }
  121. .sitemap_list li {
  123.     width:100px;
  124.     height:24px;
  125.     line-height:10px;
  126.     float:left;
  127.     font-size:14px;
  128.     color:#999;
  129.     list-style-type:none;
  130. }
  131. .sitemap_list li a {
  133.     padding:0 2px;
  134. }
  135. .sitemap_list li a:hover {
  137.     background:#42a8d7;
  138.     color:#fff;
  139. }
  140. .clearfix:after {
  142.     content:".";
  143.     display:block;
  144.     height:0;
  145.     clear:both;
  146.     visibility:hidden;
  147. }
  148. /* Hides from IE-mac \*/
  149.         * html .clearfix {
  151.     height:1%;
  152. }
  153. .clearfix {
  155.     display:block;
  156. }
  157. a {
  159.     color:#4d4d4d;
  160.     text-decoration:none;
  161. }
  162. a:visited {
  164.     text-decoration:none;
  165. }
  166. a:hover {
  168.     color:#04aeda;
  169.     text-decoration:underline;
  170. }
  171. a:active {
  173.     color:#04aeda;
  174. }
  176.      </style>
  178.      <script type="text/javascript">
  179.     function AddFavorite(sURL, sTitle) {
  180.         try {
  181.             window.external.addFavorite(sURL, sTitle);
  182.         } catch(e) {
  183.             try {
  184.                 window.sidebar.addPanel(sTitle, sURL, "");
  185.             } catch(e) {
  186.                 alert("加入收藏失败，请使用 Ctrl+D 进行添加");
  187.             }
  188.         }
  189.     }
  190. </script>
  192. </head>
  193. <body class="mapspage">
  194.     <div class="dowap-top-bar">
  195.         <div class="bg-top-bar">
  196.         </div>
  197.         <div class="nav-top-bar">
  198.             <span>
  199.                 如果您喜欢本工具，请
  200.                 <a href="javascript:void(0)" onclick="AddFavorite(document.title,window.location)"
  201.                 >
  202.                     加入收藏
  203.                 </a>
  204.             </span>
  205.         </div>
  206.     </div>
  207.     <div class="w970">
  208.     <div class="logo">
  209.       <p>
  210.       <a href="http://tools.5axxw.com" target="_blank"><img src="img/tool_logo.png" alt="返回工具首页" title="返回工具首页" width="131" height="73" border="0" /></a> 
  211.       <a href="http://www.5axxw.com" target="_blank"><img src="img/logo.png" alt="我爱学习网首页" title="我爱学习网 首页" width="155" height="56" border="0" /></a>
  212.       </p>
  213.     </div>
  215.         <div class="map_list_add">
  216.             <div class="sitemap">
  217.                 <div class="sitemap_list clearfix">
  218.                     <ul>
  219.                         <span style="color:#666666;font-size:16px;">
  220.                             工具介绍：                        </span>
  221.                         网页HTML代码在线运行器-测试版 ,本工具可以在线可视化编辑HTML代码，并且可以在线运行测试。请在正确的位置填写好网页代码，点击下边的【运行】按钮即可在线测试运行代码，点击【保存】按钮即可保存当前代码，简单、方便、快捷操作html代码。
  222.                     </ul>
  223.               </div>
  224.             </div>
  226.             <br>
  227.             <div>
  229. <textarea name="content" id="content" style="width:960px;height:400px;visibility:visible;">
  230. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  231. <html xmlns="http://www.w3.org/1999/xhtml">
  232. <head>
  233. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  234. <title>这里填写标题</title>
  235. <meta name="keywords" content="这里填写关键词" />
  236. <meta name="description" content="这里填写说明内容" />
  238. <script language="JavaScript" type="text/javascript">
  239. <!--JS代码位置-->
  240. </script>
  242. <style type="text/css">
  243. <!--CSS样式代码位置-->
  244. </style>
  246. </head>
  248. <body>
  250. 这里填写HTML代码
  252. </body>
  253. </html>
  254. </textarea>
  255.                 <div class="WSt1" style=" text-align:center">
  256.                     <br>
  257.                     <input class="Sub" type="button" name="Submit" value="运行代码" onclick="runCode('content')"
  258.                     />
  259.                     <input class="Sub" type="button" name="Submit2" value="保存代码" onclick="saveCode('content')"
  260.                     />
  261.                 </div>
  262.                 <script type="text/javascript">
  263.                     var lang = new Array();
  264.                     var userAgent = navigator.userAgent.toLowerCase();
  265.                     var is_opera = userAgent.indexOf('opera') != -1 && opera.version();
  266.                     var is_moz = (navigator.product == 'Gecko') && userAgent.substr(userAgent.indexOf('firefox') + 8, 3);
  267.                     var is_ie = (userAgent.indexOf('msie') != -1 && !is_opera) && userAgent.substr(userAgent.indexOf('msie') + 5, 3);
  269.                     Array.prototype.push = function(value) {
  270.                         this[this.length] = value;
  271.                         return this.length;
  272.                     }
  273.                     function $(objname) {
  274.                         return document.getElementById(objname);
  275.                     }
  276.                     function runCode(objname) {
  277.                         var winname = window.open('', "_blank", '');
  278.                         var obj = $(objname);
  279.                         winname.document.open('text/html', 'replace');
  280.                         winname.opener = null // 防止代码对论谈页面修改
  281.                         winname.document.write(obj.value);
  282.                         winname.document.close();
  283.                     }
  284.                     function saveCode(objname) {
  285.                         var winname = window.open('', '_blank', 'top=10000');
  286.                         winname.document.open('text/html', 'replace');
  287.                         var obj = $(objname);
  288.                         winname.document.write(obj.value);
  289.                         winname.document.execCommand('saveas', '', 'code.htm');
  290.                         winname.close();
  291.                     }
  292.                 </script>
  293.             </div>
  294.         </div>
  296.         <br>
  297.         <script type="text/javascript">
  298.             var cpro_id = "u1275234";
  299.         </script>
  300.         <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/c.js"></script>
  302.         <div style="width:100%; border-bottom:1px solid #D9D9D9">
  303.             <br>
  304.         </div>
  305.         <div class="copyright">
  306.             <p>
  307.                 Copyright @
  308.                 <a href="http://www.5axxw.com" target="_blank">
  309.                     我爱学习网
  310.                 </a>
  311.                 © 2008-2013
  312.                 <a href="http://www.5axxw.com" target="_blank">
  313.                     5axxw Inc.
  314.                 </a>
  315.             </p>
  316.             <p>
  317.                 法律声明 违版必究 资料版权 作者所有
  318.             </p>
  319.             <script type="text/javascript">
  320. var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
  321. document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F9f604f900f5e9600424a4d1f9c67ea0c' type='text/javascript'%3E%3C/script%3E"));
  322. </script>
  324.         </div>
  325.     </div>
  326. </body>
  327. </html>

http://tools.5axxw.com/web/web\_run.html

posted @ 2019-01-21 15:08 波霸38 阅读( …) 评论( …) 编辑 收藏

发表评论

表情：
评论列表 （有 0 条评论，1151人围观）

还没有评论，来说两句吧...

相关阅读