HTML代码在线运行工具

<!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://tools.5axxw.com/web/web_run.html

posted @ 2019-01-21 15:08 波霸38 阅读( ...) 评论( ...) 编辑收藏

HTML代码在线运行工具相关推荐

在线运行php画图,PHP 写的代码在线运行工具
由于权限问题,编译 c 语言要 root 权限,这名改成你自己的root密码 echo 'root' | sudo /** author:zbseoag 仅限于本地使用,不要放在服务器上因为没 ...
在线代码编译运行工具
在线代码编译运行工具如果需要学习语言,比如练习一些算法,或者跑一些别人写的代码,有一些语言特性不太了解需要写一些简单的 demo 做一些验证,那么先搭建一个环境去跑就有一点麻烦了,无需搭建本地环境的 ...
Python代码在线可视化工具
对于初学编程的同学或者运行他人写的代码程序时,相信很多小伙伴都会都会丈二和尚,摸不着头脑,根本看不懂代码写的是什么?为什么要这样写?代码是如何运行的?针对这一系列问题代码可视化工具应运而 ...
canvas-js贝塞尔曲线代码在线生成工具
详细内容请点击 canvas贝塞尔曲线代码在线生成工具可以快速生成二次.三次贝塞尔曲线的源码生成器,方便经常使用到canvas画图的同学使用,可以直接预览效果随意画出自己想要的图像. 生成源码效果预 ...
Javascript代码在线整理工具源码
有些人在写Javascript时并不会去缩进代码,导致代码的可读性非常差,下面这个源码就是专为没有缩进过的JS代码所准备的,他可以将JS代码由杂乱无章变得井井有条,好了话不多说上源码. <!DO ...
综合各代码在线运行 jsrun
综合各代码在线运行 jsrun.net 支持30多种语言在在线运行, 大家试一试 PHP在线运行 http://php.jsrun.net Python在线运行 Python3在线运行 http: ...
css透明度生成器,导航CSS代码在线生成工具
<导航CSS代码在线生成工具>由会员分享,可在线阅读,更多相关<导航CSS代码在线生成工具(29页珍藏版)>请在人人文库网上搜索. 1.http:/taobaokaidian. ...
一款免费好用的代码在线比较工具
在线代码对比工具(码工具)是一款免费的在线文本对比工具,无需注册,可以在线对两段文本进行对比,检测/比较两个文本有什么不同的差异,以便修改,常用于程序代码.使用这个在线工具的好处就是不需要人工查看,尤 ...
JS代码在线优化工具
最近网上找各种在线优化.美化JS代码的工具,可太难了.不过总算被我找到一个宝藏网站,不仅能 JS代码美化.简化.还能对代码进行加密和解密. 地址直接百度搜:盛迭工具箱而且还是免费使用的,太好了.

HTML代码在线运行工具

HTML代码在线运行工具

HTML代码在线运行工具相关推荐

最新文章

热门文章