<!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. idea 创建的spingmvc 引入jquery后jquery函数始终不执行的原因

  2. redhat7通过yum安装nginx最新版

    1.准备yum源 vi /etc/yum.repo.d/nginx.repo [nginx]name=nginx repobaseurl=http://nginx.org/packages/mainl ...

  3. 用python写一个预警机器人（支持微信和钉钉）

    背景 线上的系统在运行中,发生故障时怎么及时的通过手机通知到相关人员?当然这是个很简单的需求,现有的方法有很多,例如: 如果我们用的云产品,那么一般都会有配套对应的监控预警功能,根据需要配置一下即可, ...

  4. Lodop打印连续的纸张

    连续的纸张,有时有会被误解为没有高度,高度自适应,其实不是,这属于纸张连续打印,纸张高度和实际单个纸张高度相同.纸张高度自适应适用于没有高度的那种小票打印(卷纸没有纸张分界线),不是这种连续纸张.关于 ...

  5. mvc 学前必知

    MVC无人不知,可很多程序员对MVC的概念的理解似乎有误,换言之他们一直在错用MVC,尽管即使如此软件也能被写出来,然而软件内部代码的组织方式却是不科学的,这会影响到软件的可维护性.可移植性,代码的可 ...

  6. Spring Boot 构建电商基础秒杀项目 (一) 项目搭建

    SpringBoot构建电商基础秒杀项目 学习笔记 Spring Boot 其实不是什么新的框架,它默认配置了很多框架的使用方式,就像 maven 整合了所有的 jar 包, Spring Boot ...

  7. 基于MMSE的预测

    本文的目的是预测随机变量的输出值. 既然有预测值,那么我们就需要一个判断基准(criterion)用于判断该预测值与该随机变量的实际输出之间的差值,这里采用的判断基准就是MSE(mean-square ...

  8. JarvisOJ Basic 美丽的实验室Logo

    出题人丢下个logo就走了,大家自己看着办吧 扔进01Editor中,发现最后有14844个不属于jpg的字节 扔进Kali中用dd命令提取出附加的文件,可以看到也是一个图片,图片上的文字即是flag

  9. 部署crm项目

    准备工作 使用xftp将项目传到linux 将knight 传到linux上 将项目的数据导出 mysqldum -uroot -p --all-database > alldb.dump 在w ...

  10. MyBatis实操进阶版(一)

    MyBatis实操进阶版(一) 目前而言,持久层框架中,在业务实现灵活性上,无可出MyBatis之右者.具体原因,后续将逐步展开 ResultMap元素的设置 配置文件中,ResultMap元素的作用 ...