<!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. JavaList addAll removeAll

    List<String>list1=new ArrayList<>(); list1.add("a"); list1.add("b"); ...

  2. Golang的聊天服务器实践(群聊，广播)（一）

    其实从上学开始就一直想写一个im. 最近深入go,真是学会了太多,感觉人森虽然苦短,但是也不能只用python.很多知识是不用编译型语言无法了解的. 该来的还是会来,现在会一步一步用go把这个服务器完 ...

  3. 1.Java简介

    第一章 Java简介 开始上传一些自己画的思维导图 画的基本上是根据菜鸟教程Java的对应的图 会有一系列的图陆续放出来,不过博客上只有截图,具体的带注释的具体的图后续会放在git上,更新会加上git ...

  4. QTP 自动货测试桌面程序-笔记（添加控件仓库并关联到action）

    录制或编写脚本前先添加行为对应的控件仓库: 心得:多个测试action使用的同一个窗体的仓库单独放于一个仓库中,可以在多个action中添加关联使用 将同一个窗体的控件只放于一个仓库中,减少使用时的名 ...

  5. falsk sqlalchemy 自关联创建评论回复数据库

    本项目在于创建类似微信上的评论回复功能的数据库 基类: from app import db from datetime import datetime class Basemadel(object) ...

  6. DotNetty 实现 Modbus TCP 系列 (一) 报文类

    本文已收录至:开源 DotNetty 实现的 Modbus TCP/IP 协议 Modbus TCP/IP 报文 报文最大长度为 260 byte (ADU = 7 byte MBAP Header ...

  7. caffemodel模型

    resnet18 https://github.com/HolmesShuan/ResNet-18-Caffemodel-on-ImageNet

  8. mysql语句-DDL语句

    SQL分类 1.DDL语句:数据定义语句,用来定义不同的数据段.数据库,表,列,索引等数据表对象,常用语句:create.drop.alter等. 2.DML语句:数据操作语句,用于添加.删除.更新和 ...

  9. 使用Google ZXing生成和解析二维码

    pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="htt ...

  10. Github提交本地代码

     第一步:建立git仓库 cd到你的本地项目根目录下,执行git命令 git init 第二步:将项目的所有文件添加到仓库中 git add . 如果想添加某个特定的文件,只需把.换成特定的文件名即可 ...