<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>网页HTML代码在线运行器-测试版</title>

<link rel="icon" href="img/ico.ico" type="image/x-icon" />

    <style type="text/css">

.dowap-top-bar .nav-top-bar {

    border-bottom:1px solid rgb(168,173,177);

    height:20px;

    top:2px;

    opacity:0.4;

    position:relative;

    padding:0px 20px;

    text-align:center;

    font-size:12px;

}

.dowap-top-bar {

    color:black;

}

.dowap-top-bar {

    left:0px;

    margin:0px auto;

    line-height:90%;

}

.logo{

margin-bottom:5px;

margin-top:-10px;

width:100%;

height:80px;}

.Sub {

    border:1px solid rgb(197,226,242);

    background:url(img/but.gif) repeat-x scroll 50% top rgb(205,228,242);

    height:30px;

    margin-left:5px;

    cursor:pointer;

    margin-bottom:5px;

    width:90px;

}

.w970 {

    width:970px;

    overflow:hidden;

    margin:0 auto;

    margin-top:5px;

}

.copyright {

    color:rgb(102,102,102);

    text-align:center;

    font:12px Verdana,Arial,Tahoma;

}

.mapspage {

    background:url(img/bg_maplist.gif);

}

.map_list_add {

    margin:0;

    padding:0;

    font:14px "Microsoft YaHei","微软雅黑",tahoma,arial,"\5B8B\4F53";

    color:    #999999;

    width:970px;

    line-height:25px;

}

div,ul,li,h3 {

    padding:0;

    margin:0;

}

.guide {

    width:970px;

    height:32px;

    margin:0 auto;

    padding:10px 5px 0;

    line-height:32px;

    font-size:14px;

}

.sitemap {

    width:970px;

    margin:0 auto;

}

.sitemap_title {

    padding:0 5px;

}

.sitemap_title h3 {

    font-size:18px;

    color:#4d4d4d;

    font-family:"Microsoft YaHei";

    line-height:5px;

    margin:15px 0 10px;

}

.sitemap_list {

    padding:10px;

    background-color:#fff;

    border:1px solid #f8f8f8;

    border-color:#dedcdd #c9c7c8 #c9c7c8;

    padding:12px;

    top:0;

    left:40%;

    -webkit-transition:all 0.3s;

    -moz-transition:all 0.3s;

    -o-transition:all 0.3s;

    -ms-transition:all 0.3s;

    transition:all 0.3s;

    box-shadow:0 1px 3px rgba(0,0,0,.2);

    -moz-box-shadow:0 1px 3px rgba(0,0,0,.2);

    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.2)

}

.sitemap_list li {

    width:100px;

    height:24px;

    line-height:10px;

    float:left;

    font-size:14px;

    color:#999;

    list-style-type:none;

}

.sitemap_list li a {

    padding:0 2px;

}

.sitemap_list li a:hover {

    background:#42a8d7;

    color:#fff;

}

.clearfix:after {

    content:".";

    display:block;

    height:0;

    clear:both;

    visibility:hidden;

}

/* Hides from IE-mac \*/

        * html .clearfix {

    height:1%;

}

.clearfix {

    display:block;

}

a {

    color:#4d4d4d;

    text-decoration:none;

}

a:visited {

    text-decoration:none;

}

a:hover {

    color:#04aeda;

    text-decoration:underline;

}

a:active {

    color:#04aeda;

}

     </style>

     <script type="text/javascript">

    function AddFavorite(sURL, sTitle) {

        try {

            window.external.addFavorite(sURL, sTitle);

        } catch(e) {

            try {

                window.sidebar.addPanel(sTitle, sURL, "");

            } catch(e) {

                alert("加入收藏失败，请使用 Ctrl+D 进行添加");

            }

        }

    }

</script>

</head>

<body class="mapspage">

    <div class="dowap-top-bar">

        <div class="bg-top-bar">

        </div>

        <div class="nav-top-bar">

            <span>

                如果您喜欢本工具，请

                <a href="javascript:void(0)" onclick="AddFavorite(document.title,window.location)"

                >

                    加入收藏

                </a>

            </span>

        </div>

    </div>

    <div class="w970">

    <div class="logo">

      <p>

      <a href="http://tools.5axxw.com" target="_blank"><img src="img/tool_logo.png" alt="返回工具首页" title="返回工具首页" width="131" height="73" border="0" /></a>&nbsp;

      <a href="http://www.5axxw.com" target="_blank"><img src="img/logo.png" alt="我爱学习网首页" title="我爱学习网 首页" width="155" height="56" border="0" /></a>

      </p>

    </div>

        <div class="map_list_add">

            <div class="sitemap">

                <div class="sitemap_list clearfix">

                    <ul>

                        <span style="color:#666666;font-size:16px;">

                            工具介绍：                        </span>

                        网页HTML代码在线运行器-测试版 ,本工具可以在线可视化编辑HTML代码，并且可以在线运行测试。请在正确的位置填写好网页代码，点击下边的【运行】按钮即可在线测试运行代码，点击【保存】按钮即可保存当前代码，简单、方便、快捷操作html代码。

                    </ul>

              </div>

            </div>

            <br>

            <div>

<textarea name="content" id="content" style="width:960px;height:400px;visibility:visible;">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>这里填写标题</title>

<meta name="keywords" content="这里填写关键词" />

<meta name="description" content="这里填写说明内容" />

<script language="JavaScript" type="text/javascript">

<!--JS代码位置-->

</script>

<style type="text/css">

<!--CSS样式代码位置-->

</style>

</head>

<body>

这里填写HTML代码

</body>

</html>

</textarea>

                <div class="WSt1" style=" text-align:center">

                    <br>

                    <input class="Sub" type="button" name="Submit" value="运行代码" onclick="runCode('content')"

                    />

                    <input class="Sub" type="button" name="Submit2" value="保存代码" onclick="saveCode('content')"

                    />

                </div>

                <script type="text/javascript">

                    var lang = new Array();

                    var userAgent = navigator.userAgent.toLowerCase();

                    var is_opera = userAgent.indexOf('opera') != -1 && opera.version();

                    var is_moz = (navigator.product == 'Gecko') && userAgent.substr(userAgent.indexOf('firefox') + 8, 3);

                    var is_ie = (userAgent.indexOf('msie') != -1 && !is_opera) && userAgent.substr(userAgent.indexOf('msie') + 5, 3);

                    Array.prototype.push = function(value) {

                        this[this.length] = value;

                        return this.length;

                    }

                    function $(objname) {

                        return document.getElementById(objname);

                    }

                    function runCode(objname) {

                        var winname = window.open('', "_blank", '');

                        var obj = $(objname);

                        winname.document.open('text/html', 'replace');

                        winname.opener = null // 防止代码对论谈页面修改

                        winname.document.write(obj.value);

                        winname.document.close();

                    }

                    function saveCode(objname) {

                        var winname = window.open('', '_blank', 'top=10000');

                        winname.document.open('text/html', 'replace');

                        var obj = $(objname);

                        winname.document.write(obj.value);

                        winname.document.execCommand('saveas', '', 'code.htm');

                        winname.close();

                    }

                </script>

            </div>

        </div>

        <br>

        <script type="text/javascript">

            var cpro_id = "u1275234";

        </script>

        <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/c.js"></script>

        <div style="width:100%; border-bottom:1px solid #D9D9D9">

            <br>

        </div>

        <div class="copyright">

            <p>

                Copyright @

                <a href="http://www.5axxw.com" target="_blank">

                    我爱学习网

                </a>

                &copy; 2008-2013

                <a href="http://www.5axxw.com" target="_blank">

                    5axxw Inc.

                </a>

            </p>

            <p>

                法律声明 违版必究 资料版权 作者所有

            </p>

            <script type="text/javascript">

var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");

document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F9f604f900f5e9600424a4d1f9c67ea0c' type='text/javascript'%3E%3C/script%3E"));

</script>

        </div>

    </div>

</body>

</html>

http://www.5axxw.com/tools/web/web_run.html

网页HTML代码在线运行器的更多相关文章

  1. 在线运行HTML代码器

    在线运行HTML代码器(二)和前面的(一)大同小异,关键部分为JS代码,这次是把运行器所有的JS功能集中放在一起.以下为HTML代码: <!DOCTYPE html PUBLIC "- ...

  2. 基于jQuery仿QQ音乐播放器网页版代码

    基于jQuery仿QQ音乐播放器网页版代码是一款黑色样式风格的网页QQ音乐播放器样式代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="m ...

  3. 在线运行Javascript,Jquery,HTML,CSS代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xht ...

  4. PintJS – 轻量，并发的 GruntJS 运行器

    PintJS 是一个小型.异步的 GruntJS 运行器,试图解决大规模构建流程中的一些问题. 典型的Gruntfile 会包括 jsHint,jasmine,LESS,handlebars, ugl ...

  5. Web 在线文件管理器学习笔记与总结（9）下载文件

    ① 普通形式的文件可以使用超链接形式下载 <a href = '下载文件名'>点击下载</a> ② 如果下载图片.html 等类型的文件,使用header() 函数发送网页头信 ...

  6. PHP文件PHP代码及运行(适合PHP初学者)

    本文转自:https://blog.csdn.net/cnds123/article/details/80700444 如果在warmpserver上运行php只显示源代码,可能是在用记事本保存后缀为 ...

  7. 代码在线执行工具（PHP，Java，C++ 等）

    http://www.it1352.com/Onlinetools 支持几十种语言的在线运行. 缺点:对请求频率限制太严格了,一分钟不到十次吧...可以清理浏览器 Cookie 之后重新访问.必须用示 ...

  8. php 解析json失败,解析为空,json在线解析器可以解析,但是json_decode()解析失败(原)

    $str2='{"code":200,"datas":{"id":1,"coupon_id":"123&quo ...

  9. atitit. web 在线文件管理器最佳实践(1)--- elFinder 的使用流程解决之道 。打开浏览服务器文件夹java .net php

    atitit. web 在线文件管理器最佳实践(1)--- elFinder 的使用流程解决之道 .打开浏览服务器文件夹java .net php 1. 环境:::项目java web,需要打开浏览服 ...

随机推荐

  1. 转《vue引入第三方js库》

    一.绝对路径直接引入,全局可用 二.绝对路径直接引入,配置后,import 引入后再使用 三.webpack中配置 alias,import 引入后再使用 四.webpack 中配置 plugins, ...

  2. 微信小程序自定义组件

    要做自定义组件,我们先定一个小目标,比如说我们在小程序中实现一下 WEUI 中的弹窗组件,基本效果图如下. Step1 我们初始化一个小程序(本示例基础版本库为 1.7 ),删掉里面的示例代码,并新建 ...

  3. Ionic1.x项目中的Installing npm packages问题

    与npm远程源有关,可以通过cnpm来解决: 一.ionic start myApp blank --skip-npm(跳过Installing npm packages会产生的问题): 二.然后进入 ...

  4. 区分Python中的可变对象和不可变对象

    参考: https://www.cnblogs.com/sun-haiyu/p/7096918.html """不过注意函数传参既不是传值也不是传引用,正确的叫法是传对象 ...

  5. python之路--网络通信协议

    一 . osi七层协议 互联网协议按照功能不同分为osi七层或tcp/ip五层或tcp/ip四层 二 . tcp三次握手和四次挥手 我们知道网络层,可以实现两个主机之间的通信.但是这并不具体,因为,真 ...

  6. Spring Boot 构建电商基础秒杀项目 (五) 用户注册

    SpringBoot构建电商基础秒杀项目 学习笔记 UserService 添加 void register(UserModel userModel) throws BusinessException ...

  7. over-relaxation

    逐次超松弛sor 参考1https://blog.csdn.net/lusongno1/article/details/68941137 有各种对比和程序 主要就是取了加权平均,没仔细看

  8. sql server2012学习笔记

    第1章 SQL安装   1-1 [SQL Server基础]前言 (10:44) 1-2 SQL Server安装 (08:29) 1-3 第一次登陆 SQL Server (02:58) 1-4 [ ...

  9. 18mysql3

    一.内外连接全连接,左右连接   █▓        通过两张表查找其对应的记录. 隐式 内连接 select * from a,b where a.列名 = b.列名   █▓        左连接 ...

  10. Codeforces Round #545 Div. 1自闭记

    A:求出该行该列各有多少个比其小的取max,该行该列各有多少个比其大的取max,加起来即可. #include<iostream> #include<cstdio> #incl ...