<!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. C# Note23： 如何自定义类型使用foreach循环

    前言 在foreach语句代码中,我们经常是对List,Collection,Dictionary等类型的数据进行操作,不过C#允许用户自定义自己的类型来使用foreach语句.那么自定义类型能够使用 ...

  2. Linux基础学习笔记6-SHELL编程

    编程基础 程序:指令+数据 程序编程风格: 过程式:以指令为中心,数据服务于指令 对象式:以数据为中心,指令服务于数据 shell程序:提供了编程能力,解释执行 编程基本概念: 顺序执行:循环执行:选 ...

  3. 接触Struts2的ModelDriven<>接口

    最近在学SSH框架,实战项目,用到了Struts2的ModelDriven<>接口,在这做一点记录 ModelDriven,意为模型驱动,意思是直接把实体类当成页面数据的收集对象 参考他人 ...

  4. JS--操作DOM树

    <ul id="ul1"> <li id="li1">111</li> <li id="li2"& ...

  5. Vue可复用过渡和动态过渡

    前面的话 本文将详细介绍Vue可复用过渡和动态过渡 可复用过渡 过渡可以通过 Vue 的组件系统实现复用.要创建一个可复用过渡组件,需要做的就是将 <transition> 或者 < ...

  6. 5.cgroup资源控制

    控制组( CGroups)是 Linux 内核的一个特性,主要用来对共享资源进行隔离.限制.审计等. 只有将分配到容器的资源进行控制,才能避免多个容器同时运行时对宿主机系统的资源竞争.每个控制组是一组 ...

  7. Tom和Jerry在下棋

    题目描述 方法: 状压DP #include <cstdio> #define bc(x) (__builtin_popcount(x)) ; ; << maxn][maxn ...

  8. [UOJ86]mx的组合数——NTT+数位DP+原根与指标+卢卡斯定理

    题目链接: [UOJ86]mx的组合数 题目大意:给出四个数$p,n,l,r$,对于$\forall 0\le a\le p-1$,求$l\le x\le r,C_{x}^{n}\%p=a$的$x$的 ...

  9. 蒟阵P3390 【模板】矩阵快速幂

    代码如下: #include<iostream> #include<cstdio> #include<cstdlib> #include<cmath> ...

  10. Escape HDU - 3605（归类建边）

    Escape Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others)Total Subm ...