<!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. CentOS7安装使用ab压力测试工具

    执行安装命令:yum -y install httpd-tools 安装完毕,执行:ab -help,显示命令参数 命令模板:ab -c 100 -n 10000 待测试网站(建议完整路径) -c 即 ...

  2. iframe与src一个性质 当js中修改了src的值后会重新向后台发送请求 ；为了防止浏览器缓存问题 当我们修改src时候 需要添加不同的值 这样浏览器就不会从缓存中取值 而是重新发起后台请求

  3. 51nod 1503 猪和回文（dp滚存）

    题面 大意:在一个n*m的矩形中从(1,1)走到(n,m)而且走过的路径是一条回文串,统计方案数 sol:我们考虑从(1,1)和(n,m)两端开始算,这样就只要保证每次经过的字符一样就可以满足回文了, ...

  4. 在 ubuntu 中安装 python3.5、 tornado、 pymysql

    一.在 ubuntu 中安装 python3.5 1.首先,在系统中是自带python2.7的.不要卸载,因为一些系统的东西是需要这个的.python2.7和python3.5是可以共存的. 命令如下 ...

  5. H.264编码原理以及I帧B帧P帧

    前言 ----------------------- H264是新一代的编码标准,以高压缩高质量和支持多种网络的流媒体传输著称,在编码方面,我理解的他的理论依据是:参照一段时间内图像的统计结果表明,在 ...

  6. [NOIp2009] $Hankson$ 的趣味题

    类型:数论 传送门:>Here< 题意:给出四个数$a_0,a_1,b_0,b_1$,求满足$gcd(x,a_0)=a_1,lcm(x,b_0)=b_1$的$x$的个数 解题思路 显然$a ...

  7. python3，打印一年的某一天是一年的第几天

    year = int(input('year:')) month = int(input('month:')) day = int(input('day:')) months = (0,31,59,9 ...

  8. 【JSOI2008】火星人prefix 哈希 非旋转treap

    题目大意 就是给你一个字符串,有三种操作,共\(m\)个 \(Q~x~y\):询问第\(x\)个后缀和第\(y\)个后缀的LCP \(R~x~y\):把第\(x\)个字符改成\(y\) \(I~x~y ...

  9. hdu 4825 Xor Sum （01 Trie）

    链接:http://acm.hdu.edu.cn/showproblem.php?pid=4825 题面: Xor Sum Time Limit: 2000/1000 MS (Java/Others) ...

  10. hibernate中持久化对象的生命周期（转载）

    三态的基本概念 1, 临时状态(Transient):也叫自由态,只存在于内存中,而在数据库中没有相应数据.用new创建的对象,它没有持久化,没有处于Session中,处于此状态的对象叫临时对象: 2 ...