惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
DataBreaches.Net
F
Fortinet All Blogs
D
Docker
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
WordPress大学
WordPress大学
罗磊的独立博客
Y
Y Combinator Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
J
Java Code Geeks
T
The Blog of Author Tim Ferriss
U
Unit 42
N
Netflix TechBlog - Medium
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
V
V2EX
云风的 BLOG
云风的 BLOG
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
T
Tailwind CSS Blog
Hugging Face - Blog
Hugging Face - Blog
Stack Overflow Blog
Stack Overflow Blog
爱范儿
爱范儿
酷 壳 – CoolShell
酷 壳 – CoolShell
P
Proofpoint News Feed
G
Google Developers Blog
H
Help Net Security

博客园 - 大力哥的技术

多边形效果 完成卸载vs2010后再安装 图片集合,可用作商品列表 无可奈何花落去 Uncaught TypeError: Cannot read property 'msie' of undefined CodeGenerator.cs 年月日控件 SQL GETDATE()日期格式化函数 股票操作要点 用户中心 - 博客园 京东分页 相册分类列表页 点击事件后动画提示 近舍网临时笔记 一些广告代码 爱可有—之最经典 爱可有网络社区需要定义 鼠标移动时缩小图片显示说明 一些正则验证-JS
在线运行Javascript,Jquery,HTML,CSS代码
大力哥的技术 · 2013-08-07 · via 博客园 - 大力哥的技术
<!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>
<title>在线运行Javascript,Jquery,HTML,CSS代码</title>
<script type="text/javascript">
var userAgent = navigator.userAgent.toLowerCase();
var is_webtv = userAgent.indexOf('webtv') != -1;
var is_kon = userAgent.indexOf('konqueror') != -1;
var is_mac = userAgent.indexOf('mac') != -1;
var is_saf = userAgent.indexOf('applewebkit') != -1 || navigator.vendor == 'Apple Computer, Inc.';
var is_opera = userAgent.indexOf('opera') != -1 && opera.version();
var is_moz = (navigator.product == 'Gecko' && !is_saf) && userAgent.substr(userAgent.indexOf('firefox') + 8, 3);
var is_ns = userAgent.indexOf('compatible') == -1 && userAgent.indexOf('mozilla') != -1 && !is_opera && !is_webtv && !is_saf;
var is_ie = (userAgent.indexOf('msie') != -1 && !is_opera && !is_saf && !is_webtv) && userAgent.substr(userAgent.indexOf('msie') + 5, 3);

function $(id) {
return document.getElementById(id);
}

function copyCode(obj) {
if(is_ie && obj.style.display != 'none') {
   var rng = document.body.createTextRange();
   rng.moveToElementText(obj);
   rng.scrollIntoView();
   rng.select();
   rng.execCommand("Copy");
   rng.collapse(false);
}
}

function runCode(obj) {
var winname = window.open('', "_blank", '');
winname.document.open('text/html', 'replace');
winname.document.write(obj.value);
winname.document.close();
}

function saveCode(obj) {
var winname = window.open('', '_blank', 'top=10000');
winname.document.open('text/html', 'replace');
winname.document.writeln(obj.value);
winname.document.execCommand('saveas','','code.htm');
winname.close();
}
</script>
</head>

<body onkeydown="if(event.keyCode==27) return false;">
<span>请在下面输入 HTML 代码段</span><p>
<textarea id="code0" rows="30" cols="160">
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>在线运行</title>
<style>

</style>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<head>
<body>
  <div>这儿为页面内容</div>
<script type="text/javascript">
$(document).ready(function(e) {
	//这儿加载页面加载完成后执行的代码
});
</script>
</body>
</html>
</textarea><p>
<input type="button" value="运行代码" onclick="runCode($('code0'))"> 
<input type="button" value="复制代码" onclick="copyCode($('code0'))"> 
<input type="button" value="另存代码" onclick="saveCode($('code0'))"> 
提示:您可以修改上面部分代码后再重新运行
</body></html>