常用html、demo代码
发布时间：2015-10-15, 14:45:06 分类：HTML | 编辑 off 网址 | 辅助
图集1/30
正文 9756字数 27,227,275阅读
暗网网址导航hidden wiki
http://zqktlwi4fecvo6ri.onionRun code
Cut to clipboard
HTML特殊字符编码对照表
console.log(allnum);
javascript:;
vertical-align:middle;
strconv=yes+js
echo str_ireplace("WORLD","Shanghai","Hello world!");//不区分大小写
<a href="javascript:scroll(0,0)">返回顶部</a>
jquery多个节点绑定同一个事件
$('#begin,#end') 用逗号隔开
target="_blank"
index.php?g=Admin&m=Login
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
location.href = url;
autocomplete="off"
<form name="input" action="html_form_action.asp" method="get">
Username:
<input type="text" name="user" />
<input type="submit" value="提交" />
<input type="button" value="提交">
</form>
$.ajax({
type: "POST",
url:'/index.php?g=User&m=Post&a=Message&ajax=ajax',
data:$('#myform').serialize(),
error: function(request) {
alert("提交失败");
},
success: function(data) {
if(data>0){
alert('留言提交成功！');
location.reload();
}else alert("提交失败");
}
});
function ajaxpost(tel,pass){
$.ajax( {
url:"/index.php/Home/Register/is_login.html",
type: "post",
data:"tel="+tel+"&pass="+pass,
//dataType: "json",
//cache: false,
//async: false,
beforeSend: function(){
// Handle the beforeSend event
},
success: function(data){
}
});
}
<a href="javascript:scroll(0,0)">顶部</a> <a href="#copy">底部</a>
<meta charset="UTF-8" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
Run code
Cut to clipboard
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="icon" href="/favicon.ico">
<meta name="keywords" content="常用代码">
<meta name="description" content="isWTF's blog!!">
</head>
<body>
</body>
</html>Run code
Cut to clipboard
$.ajax( {
url: '/index.php?s=/addon/WeiSite/WeiSite/ForgetPassword/tel/'+shoujihao+'/codeddd/'+codeddd+'.html', //这里是静态页的地址
type: "GET", //静态页用get方法，否则服务器会抛出405错误
//dataType: "json",
//cache: false,
//async: false,
beforeSend: function(){
// Handle the beforeSend event
},
success: function(data){
//var result = $(data).find("另一个html页面的指定的一部分").html();
}
});Run code
Cut to clipboard
<link rel="apple-touch-icon" size="72x72" href="/icon-ipad.png" />
<link rel="apple-touch-icon" size="114x114" href="/icon-iphone4.png" />
<link rel="icon" href="/favicon.ico">
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<meta name="keywords" content="常用代码">
<meta name="description" content="isWTF's blog!!">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />Run code
Cut to clipboard
I('post.id',0,'intval'); // 用intval过滤$_POST['id']
I('get.title','','strip_tags'); // 用strip_tags过滤$_GET['title']Run code
Cut to clipboard
<meta name="title" content="标题">
<meta name="author" content="作者">
<meta name="description" content="描述">
<meta name="keywords" content="关键字">
<meta name="copyright" content="lizhenqiu.com">
移动端UC /QQ 浏览器的部分私有Meta 属性
下面就说下移动端UC /QQ 浏览器的部分私有Meta 属性，都来自其开发者文档（UC开发者中心，左下一doc文档，QQ浏览器）。
UC 浏览器的部分私有Meta 属性
设置屏幕方向为横屏还是竖屏
<meta name="screen-orientation" content="portrait|landscape">
设置是否全屏，yes表示强制浏览器全屏
<meta name="full-screen" content="yes">
缩放不出滚动条
<meta name="viewport" content="uc-fitscreen=no|yes"/>
设置no后用户缩放与标准浏览器缩放一直，设置为yes后，用户缩放金放到图片和文字，不出现横向滚动条。
排版
<meta name="layoutmode" content="fitscreen|standard" />
fitscreen模式简化页面处理，适合页面阅读节省流量，standard模式和标准浏览器一致；一旦设置layoutmode meta后，用户使用浏览器提供的的排版模式选项将会无效。
夜间模式
<meta name="nightmode" content="enable|disable"/>
nightmode的值设置为disable后，即使用户使用浏览器的夜间模式，页面的表现也仍然是非夜间模式。
强制图片显示
<meta name="imagemode" content="force"/>
UC浏览器为了节省流量，为用户提供了无图模式，但是如果页面的图片是必不可少的，如验证码的，需要强制浏览器显示图片，可以设置imagemode， 不影响子页面。通过META设置图片加载方式会作用于整个页面，如果希望对单个图片进行设置，那么可以使用这个
<img src="..." show="force">
应用模式
<meta name="browsermode" content="application"/>
使用了application这种应用模式后，页面讲默认全屏，禁止长按菜单，禁止收拾，标准排版，以及强制图片显示。
QQ 浏览器x5内核定制标签说明
设置屏幕方向
<meta name="x5-orientation" content="portrait|landscape" />
设置全屏
<meta name="x5-fullscreen" content="true" />
设置屏幕模式
<meta name="x5-page-mode" content="app" />
对于控制全屏的meta 标签，UC 跟QQ 处理的方式稍有不同：区别在于处理系统状态栏，UC 是直接覆盖系统状态栏，而QQ 仍然保留之。Run code
Cut to clipboard
$("p").css("color","red");
//同时设置字体大小和背景色
$("p").css({"fontSize":"30px" ,"backgroundColor":"#ccc"});
$("button").click(function(){
$("div").animate({
left:'250px',
height:'+=150px',
width:'+=150px'
});
});
Run code
Cut to clipboard
header('Content-Type:text/html;charset=utf-8'); //避免输出乱码
<img title="点击刷新" src="cache/yzm.php" align="absbottom" onclick="this.src='cache/yzm.php?'+Math.random();" />
Run code
Cut to clipboard
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.9.0/jquery.min.js"></script>
<link rel="stylesheet" href="http://lizhenqiu.com/templates/default/style.css" type="text/css" media="screen">
<script type="text/javascript">jQuery(".slideTxtBox").slide(); </script>Run code
Cut to clipboard
Yourphp手册
简单文本编辑器
data:text/html, <title>Text Editor</title><body contenteditable style="font-size:2rem;font-family:georgia;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;"> lizhenqiu.comRun code
Cut to clipboard
Chrome提供了一个简单的方法。首先，按“F12”打开控制台，然后输入：
document.designMode = "on"Run code
Cut to clipboard
添加到收藏夹URL填写下面的即可在当前页面点击收藏夹编辑页面
javascript:(function(){document.designMode = "on" })();Run code
Cut to clipboard
接下来，你就可以编辑屏幕上的文本内容了。
编辑器
data:text/html, <html contenteditable>Run code
Cut to clipboard
如果你想找回不小心关闭的Tab页面，只需要同时按下“Control"（Mac用户请按“Command”）、“Shift"和“T”。
js随机数
function getRandom(n){
return Math.floor(Math.random()*n+1)
}Run code
Cut to clipboard
top.location.href 和 localtion.href 有什么不同
top.location.href=”url”Run code
Cut to clipboard
在顶层页面打开url（跳出框架）
self.location.href=”url”Run code
Cut to clipboard
仅在本页面打开url地址
parent.location.href=”url”Run code
Cut to clipboard
在父窗口打开Url地址
this.location.href=”url”Run code
Cut to clipboard
用法和self的用法一致
if (top.location == self.location) 判断当前location 是否为顶层来 禁止frame引用 如果页面当中有自定义的frame的话，也可以将parent self top换为自定义frame的名称 效果就是在自定义frame窗口打开url地址
实际中可能这样使用
if(top !== self){ top.location.href = location.href; }Run code
Cut to clipboard
以下是从网上找到的一个例子，不是很直观， 我加了上面那三行代码， 可以先去掉， 再加上， 看一下效果，就很清楚了 以下是top.htm 代码
<script language=javascript> function rs(){
if(top !== self){ top.location.href = location.href; } parent.left.location.href="top.htm" parent.bot.location.href="top.htm" } < /script> < input type=button name=name value="ksdj" onclick=rs();>Run code
Cut to clipboard
以下是一个随意文件名的htm文件:
<FRAMESET COLS="150,*"> < FRAME SRC="left.htm" name=left> < FRAMESET ROWS="150,*"> < FRAME SRC="top.htm" name=top> < FRAME SRC="bot.htm" name=bot> < /FRAMESET> < /FRAMESET> Run code
Cut to clipboard
top表示主窗口，location表示当前窗口，如果你的文件只有一个框架，没有iframe和frmaeset，那么是完全一致的，没有区别。
top.location是在顶层frame中打开新页
window.location是在当前frame中打开新页
parent.location 在当前窗口的父窗口打开Url地址
<select id="isAudit" name="isAudit">
<option value="2">全部</option>
<option value="1" selected = "selected">通过</option>
<option value="0">未通过</option>
</select> Run code
Cut to clipboard
修改ID增加ID属性，修改class同理
$('.div').attr('id','newid');
如果是给标签添加class样式可以这样
$('#div').addClass('css类名');
strtotime("-1 week")， strtotime("-n days");可以很方便的获取当前日期的前n天、周、月的时间戳Run code
Cut to clipboard
舒适网页配色方案
px像素转换rem单位工具
（支付宝）给作者钱财以资鼓励 （微信）→
有过 279 条评论 »
<script language="javascript"> var array = [1,2,,,4,6,,,,,,55]; alert(array) for(var i = 0 ;i<array.length;i++) { if(array[i] == "" || typeof(array[i]) == "undefined") { array.splice(i,1); i= i-1; } } alert(array) </script><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>转转转</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> </head> <style> body{padding:0;margin:0;overflow:hidden;background:#000;} .tt{color:#F00;position:absolute;height:20px;width:20px;top:50%;background:#0F0;border-radius:10px;display:block;} </style> <body> </body> <script type="text/javascript"> var eNum = 48;//点的数量 var eMin = 4;//点的最小大小 var eSize = 10;//点的大小增加量 var eGap = 4;//点的间距 var eSpe = 100;//动画速度,数值越大越慢 var eRad = 0.4;//动画幅度，数值越大越快，数值越小越精细 var eCount = 1;//动画计时器 $(document).ready(function(){ for(var i=1;i<=eNum;i++){ if(3*i<=eNum){ $("body").append('<div class="tt" style="left:'+(eGap*eNum+eGap*i)+'px;background-color:rgb('+(255)+','+(i*Math.floor(765/eNum))+','+(0)+');"></div>'); } if((3*i>eNum)&&(3*i<=2*eNum)){ $("body").append('<div class="tt" style="left:'+(eGap*eNum+eGap*i)+'px;background-color:rgb('+(0)+','+(510-i*Math.floor(765/eNum))+','+(i*Math.floor(765/eNum)-255)+');"></div>'); } if(3*i>2*eNum){ $("body").append('<div class="tt" style="left:'+(eGap*eNum+eGap*i)+'px;background-color:rgb('+(i*Math.floor(382/eNum)-230)+','+(0)+','+(255)+');"></div>'); } $(".tt:last").css({"height":eMin+i*eSize/eNum+"px","width":eMin+i*eSize/eNum+"px","border-radius":0.5*(eMin+i*eSize/eNum)+"px"});//设置点大小 }//创建点 var eInt = setInterval(eAni,eSpe);//开始动画 }); function eAni(){ var eTemp1 = eGap*(1-Math.cos(Math.PI*eRad*eCount/180)); var eTemp2 = eGap*Math.sin(Math.PI*eRad*eCount/180); var eTemp3 = $(".tt:eq(0)").position().top; eCount = eCount + 1; for(var i=0;i<eNum;i++){ $(".tt:eq("+i+")").animate({ left:(eGap*eNum+eGap*(i+1)-(i)*eGap*(1-Math.cos(Math.PI*(eNum-i)*eRad*eCount/180)))+'px', top:(eTemp3+(i)*eGap*Math.sin(Math.PI*(eNum-i)*eRad*eCount/180))+'px' },eSpe); } } </script> </html>Name: Commercial ===== LICENSE BEGIN ===== 31157-D26597T 000017kWYG!tV2QVTV!fYKEYiETkfp uYMMmhsTePgthVutczCX4PF0EoHAP7 JYFri32V7hdQkpwJJBgc!lK!o01BOQ ===== LICENSE END ===== Name: OpenSource ===== LICENSE BEGIN ===== 95392-D27147T 00001mG6Lc9YBCATnMFu8EmPzMYqp7 NbTh7xIVABQpVozg0H7GxjSfBtt6f4 RO!bY4fBptyzOAfONsSc78LD!szjcN ===== LICENSE END ===== Name: Educational ===== LICENSE BEGIN ===== 79489-D13780T 00000WevhuSZasfcIHRF8ne1li!gri 5pwr!"ttRDkYTk1IuWgsjyf7WJXLio C47FZxcRcXFHn1XinQ"SldW1lUMr0q ===== LICENSE END ===== Name: Non Commercial ===== LICENSE BEGIN ===== 84788-D22401T 00002ICm3tscFjOI!6D9N6"rlQzY"S hKziDw7jv6nCn4pGY9DeKPt5k8yOVM GbHMoZhfQ"TstQu!LkJmc7BEArnwAQ ===== LICENSE END ===== Name: Site ===== LICENSE BEGIN ===== 79150-D76780T 00000MuB"Ak8tisq3UyV9q2w"kxGn2 WJRSxP4dyKklfPJLfPCByGsgU24kQu ihxpp!!G4VP3XwmhmNbAWQc0xqkK3M ===== LICENSE END ===== Name: Personal ===== LICENSE BEGIN ===== 48363-D36754T 00001Wv2qgaIOgpXEMGjgvtpxGz!M4 8QYCugxdmCGiWEHsqSfeSzyD4oNil! oyK6rzpjhx"ykmcI4DUevGCVa!CXyx ===== LICENSE END =====01. screenr.com —— 将你在电脑上的操作录制成影片并直接传送到YouTube上。
02. bounceapp.com —— 能够将一个网页进行完整的截图。
03. goo.gl —— 将网站地址进行缩写并可以将网址转换成二维码。
04. untiny.me —— 找到缩写网址的原始域名。
05. localti.me —— 能查询不只一个城市的当地时间。
06. copypastecharacter.com —— 复制你键盘上没有的特殊字符。
07. topsy.com —— Twitter专用搜索引擎。
08. fb.me/AppStore —— 无需运行iTunes就可以搜索iOS的手机应用。
09. iconfinder.com ——在这里可以找到图标的所有尺寸。
10. office.com —— 下载办公文件的模板、剪贴画以及图片。
11. woorank.com —— 你想知道的关于一个网站的所有信息都可以在这里找到。
12. virustotal.com —— 对任何可疑的文件或者邮件附件进行病毒扫描。
13. wolframalpha.com —— 不用搜索就可以知道问题的答案 —— 更多信息，请阅读Wolfram提示。
14. printwhatyoulike.com —— 完整的打印网页。
15. joliprint.com —— 将新闻和博客内容重新整合为报纸。
16. isnsfw.com —— 当你想要分享18X网页时为你做警示标记。
17. e.ggtimer.com —— 一个居家常备的简易在线计时器。
18. coralcdn.org —— 如果某网站由于服务器太繁忙而无法访问的话，试试通过CDN来进入网站吧。
19. random.org —— 帮你随机挑选数字，抛硬币～
20. mywot.com —— 测试任意网站的可信任指数。
21. viewer.zoho.com —— 帮你用浏览器来预览PDF文件和PPT。
22. tubemogul.com —— 能同时向多个视频网站上传视频。
23. truveo.com —— 最佳网络视频搜索。
24. scr.im —— 不用担心垃圾邮件困扰，安全无忧地分享你的邮件地址。
25. spypig.com —— 从今往后在你的邮箱里查看收据吧～
26. sizeasy.com —— 将任一产品进行视觉化并进行尺寸比较。
27. whatfontis.com —— 迅速通过图片来确定字体名称。
28. fontsquirrel.com —— 优质的字体大集合 —— 免费自用与商用。
29. regex.info —— 查出你照片中的隐藏数据
30. tineye.com —— 就像谷歌图片搜索应用的网页版。
31. iwantmyname.com —— 帮助你在所有TLD中找到你想要的域名。
32. tabbloid.com —— 将你最喜欢的博客转换成PDF
33. join.me —— 与网络上任何一个人分享你的桌面。
34. onlineocr.net —— 从扫描的PDF和图片中识别出其他文字
35. flightstats.com —— 随时查看世界各地机场的航班实况。
36. wetransfer.com —— 用来在线分享大型文件。
37. pastebin.com —— 一个临时的在线剪切板，方便你的文字编辑与记录编码片段。
38. polishmywriting.com —— 检查你文字中的拼写和语法错误。
39. awesomehighlighter.com —— 轻松标记网页中的重点部分。
40. typewith.me —— 与多人同时在一个文件上进行修改。
41. whichdateworks.com —— 正在计划什么活动吗？选一个合适的日期吧。
42. everytimezone.com —— 清晰易懂的世界时区表。
43. warrick.cs.odu.edu —— 当你收藏的网页被删除时，你就需要用到这个了。
44. gtmetrix.com —— 一个完美的在线工具，可以帮助你计算网页性能。
45. imo.im —— 可以在一个网页上使用多个聊天工具，Skype, Google Talk,等等。
46. translate.google.com —— 翻译网页、PDF以及办公文档。
47. youtube.com/leanback —— 享受无尽头的全屏Youtube视频吧。
48. similarsites.com —— 帮你发现与你喜欢的网站类似的其他网站。
49. wordle.net —— 使用标签云图快速总结长篇文字。
50. bubbl.us —— 用浏览器来做思维导图和头脑风暴。
51. kuler.adobe.com —— 获取配色的灵感，也可以从照片中提取颜色。
52. followupthen.com —— 通过邮件设置快速提醒。
53. lmgtfy.com —— 当你的朋友懒到不愿意自己用谷歌搜索时……
54. tempalias.com —— 临时邮箱用户名生成器，比一次性邮箱实用。
55. pdfescape.com —— 使用浏览器快速修改PDF文件。
56. faxzero.com —— 免费发送在线传真 —— 参加其他传真服务。
57. feedmyinbox.com —— 将RSS更新以邮件新闻的方式发送给你。
58. isendr.com —— 无需上传到服务器就可以传送文件。
59. tinychat.com —— 快速创建一个私人聊天室。
60. privnote.com —— 创建一个在阅读过后会自行毁灭的便条。
61. flightaware.com —— 实况转播世界各地机场航班动态。
62. boxoh.com —— 在谷歌地图上追踪任何运输信息。
63. chipin.com —— 当你需要为一个项目或者活动进行筹款时……
64. downforeveryoneorjustme.com —— 查出你的喜欢的网站是否下线了。
65. example.com —— 这个网站可以当做文档的范例来使用。
66. whoishostingthis.com —— 找到任何一个网站的网站主机。
67. google.com/history —— 是不是忘记曾经搜索过的某些关键词？用这个网站来找回吧。
68. errorlevelanalysis.com —— 辨识一张照片是否被PS过。
69. google.com/dictionary —— 查出一个单词的含义、发音以及例句用法。
70. urbandictionary.com —— 告诉你俚语和俗语的含义。
71. seatguru.com —— 在你为下一次航班选择座位时参考一下这个网站吧。
72. sxc.hu —— 免费下载库存图片。
73. imo.im —— 可以同时使用多个聊天工具跟朋友聊天，Skype, Google Talk,等等。
74. wobzip.org —— 在线解压压缩文件。
75. vocaroo.com —— 只需轻轻一点就可以记录下自己的声音。
76. scribblemaps.com —— 轻松创建自定义谷歌地图。
77. buzzfeed.com —— 绝不让你错过任何网络走红图片或视频。
78. alertful.com —— 快速设定重大日程的邮件提醒。
79. encrypted.google.com —— 防止网络供应商或者你的老板查看你的搜索记录。
80. formspring.me —— 你可以在这里提出和回答私人问题。
81. snopes.com —— 查出你收到的邮件是真实的或是诈骗邮件。
82. typingweb.com —— 通过这些练习环节变成打字大师吧。
83. mailvu.com —— 通过你的摄像头给其他人发送视频邮件吧。
84. ge.tt —— 神速传送文件，接收的人还可以在下载前进行预览哦。
85. timerime.com —— 使用音频、视频和图片来创建时间表。
86. stupeflix.com —— 利用自己的图片、录音和视频来制作一部小电影吧。
87. aviary.com/myna —— 一个能够编辑录音和混音的在线音频编辑器。
88. noteflight.com —— 打印五线谱，在线创作自己的音乐。
89. disposablewebpage.com —— 创建一个会自动销毁的临时网站。
90. namemytune.com —— 当你想知道这段旋律的名字时……
91. homestyler.com —— 从零开始进行室内设计，或者重新为你的家建模。
92. snapask.com —— 在手机上通过邮件查询球赛分数，或者查阅维基百科。
93. teuxdeux.com —— 长得像手写日记的日程应用。
94. livestream.com —— 在线直播任何活动和项目，包括你的电脑桌面。
95. bing.com/images —— 自动为你的移动设备找到合适的壁纸。
96. historio.us —— 将任何格式的网页完整保存。
97. dabbleboard.com —— 你的虚拟白板。
98. whisperbot.com —— 不需要使用自己的邮箱账户就可以发送邮件。
99. sumopaint.com —— 一个超棒的在线图片编辑器（图层编辑方式）。
100. lovelycharts.com —— 在线创建流程图、网络图表、网站地图等。
101. nutshellmail.com ——在你的收件箱中获取Facebook与Twitter最新消息。
date_default_timezone_set("Asia/Shanghai"); $time = intval (date("Hi")); if ($time > "800" && $time < "1130") { // code }在 iOS Safari （其他浏览器和Android均不会）上会对那些看起来像是电话号码的数字处理为电话链接，可以通过如下的meta来关闭电话号码的自动识别：
<meta name="format-detection" content="telephone=no" />开启电话功能
<a href="tel:123456">123456</a>开启短信功能：
<a href="sms:123456">123456</a>与电话号码的识别一样，在安卓上会对符合邮箱格式的字符串进行识别，我们可以通过如下的meta来管别邮箱的自动识别：
<meta content="email=no" name="format-detection" />同样地，我们也可以通过标签属性来开启长按邮箱地址弹出邮件发送的功能：
<a mailto:dooyoe@gmail.com">dooyoe@gmail.com</a>优先使用最新版本 IE 和 Chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />关闭iOS键盘首字母自动大写
<input type="text" autocapitalize="off" />关闭iOS输入自动修正
<input type="text" autocorrect="off" />禁止文本缩放
html { -webkit-text-size-adjust: 100%; }开启硬件加速
.css { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }加上定义高宽度就可以了
layer.msg('留言内容',{time:1000,shift:6, offset:['50%','44%'],} area:['300px','150px'], offset:['300px','44%'],layer.ready(callback) - 初始化就绪
由于我们的layer内置了轻量级加载器，所以你根本不需要单独引入css等文件。但是加载总是需要过程的。当你在页面一打开就要执行弹层时，你最好是将弹层放入ready方法中，如：
//页面一打开就执行弹层 layer.ready(function(){ layer.msg('很高兴一开场就见到你'); });layer.open({ title: '回车关闭测试' ,content: '我是内容' ,btn: ['确认','关闭'] ,success: function(layero, index){ this.enterEsc = function(event){ if(event.keyCode === 13){ layer.close(index); return false; //阻止系统默认回车事件 } }; $(document).on('keydown', this.enterEsc); //监听键盘事件，关闭层 } ,end: function(){ $(document).off('keydown', this.enterEsc); //解除键盘关闭事件 } });