文章出处:http://blog.csdn.net/chinahuyong/article/details/17708127
1、原生JavaScript实现字符串长度截取
2、原生JavaScript获取域名主机
3、原生JavaScript清除空格 4、原生JavaScript替换全部5、原生JavaScript转义html标签
6、原生JavaScript还原html标签
7、原生JavaScript时间日期格式转换
8、原生JavaScript判断是否为数字类型
9、原生JavaScript设置cookie值
10、原生JavaScript获取cookie值
11、原生JavaScript加入收藏夹
12、原生JavaScript设为首页
13、原生JavaScript判断IE614、原生JavaScript加载样式文件
15、原生JavaScript返回脚本内容 16、原生JavaScript清除脚本内容 17、原生JavaScript动态加载脚本文件 18、原生JavaScript返回按ID检索的元素对象 19、原生JavaScript返回浏览器版本内容 20、原生JavaScript元素显示的通用方法 21、原生JavaScript中有insertBefore方法,可惜却没有insertAfter方法?用如下函数实现
23、原生JavaScript光标停在文字的后面,文本框获得焦点时调用
24、原生JavaScript检验URL链接是否有效
25、原生JavaScript格式化CSS样式代码
26、原生JavaScript压缩CSS样式代码
27、原生JavaScript获取当前路径
28、原生JavaScriptIP转成整型
29、原生JavaScript整型解析为IP地址
30、原生JavaScript实现checkbox全选与全不选
(31~40)移动篇
31、原生JavaScript判断是否移动设备
32、原生JavaScript判断是否移动设备访问
33、原生JavaScript判断是否苹果移动设备访问
34、原生JavaScript判断是否安卓移动设备访问
35、原生JavaScript判断是否Touch屏幕
36、原生JavaScript判断是否在安卓上的谷歌浏览器
37、原生JavaScript判断是否打开视窗
38、原生JavaScript获取移动设备初始化大小
39、原生JavaScript获取移动设备最大化大小
40、原生JavaScript获取移动设备屏幕宽度 41、原生JavaScript完美判断是否为网址
42、原生JavaScript根据样式名称检索元素对象
43、原生JavaScript判断是否以某个字符串开头
44、原生JavaScript判断是否以某个字符串结束
45、原生JavaScript返回IE浏览器的版本号
46、原生JavaScript获取页面高度
47、原生JavaScript获取页面scrollLeft
48、原生JavaScript获取页面可视宽度
49、原生JavaScript获取页面宽度
50、原生JavaScript获取页面scrollTop 51、原生JavaScript获取页面可视高度
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="keyword">function</span><span> getPageViewHeight() { </span></span></li><li><span> <span class="keyword">var</span><span> d = document, a = d.compatMode == </span><span class="string">"BackCompat"</span><span> </span></span></li><li class="alt"><span> ? d.body </span></li><li><span> : d.documentElement; </span></li><li class="alt"><span> <span class="keyword">return</span><span> a.clientHeight; </span></span></li><li><span>} </span></li></ol></div><span style="font-size:18px;"><strong>52、原生JavaScript跨浏览器添加事件</strong></span>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="keyword">function</span><span> addEvt(oTarget,sEvtType,fnHandle){ </span></span></li><li><span> <span class="keyword">if</span><span>(!oTarget){</span><span class="keyword">return</span><span>;} </span></span></li><li class="alt"><span> <span class="keyword">if</span><span>(oTarget.addEventListener){ </span></span></li><li><span> oTarget.addEventListener(sEvtType,fnHandle,<span class="keyword">false</span><span>); </span></span></li><li class="alt"><span> }<span class="keyword">else</span><span> </span><span class="keyword">if</span><span>(oTarget.attachEvent){ </span></span></li><li><span> oTarget.attachEvent(<span class="string">"on"</span><span> + sEvtType,fnHandle); </span></span></li><li class="alt"><span> }<span class="keyword">else</span><span>{ </span></span></li><li><span> oTarget[<span class="string">"on"</span><span> + sEvtType] = fnHandle; </span></span></li><li class="alt"><span> } </span></li><li><span>} </span></li></ol></div><span style="font-size:18px;"><strong>53、原生JavaScript跨浏览器删除事件</strong></span>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="keyword">function</span><span> delEvt(oTarget,sEvtType,fnHandle){ </span></span></li><li><span> <span class="keyword">if</span><span>(!oTarget){</span><span class="keyword">return</span><span>;} </span></span></li><li class="alt"><span> <span class="keyword">if</span><span>(oTarget.addEventListener){ </span></span></li><li><span> oTarget.addEventListener(sEvtType,fnHandle,<span class="keyword">false</span><span>); </span></span></li><li class="alt"><span> }<span class="keyword">else</span><span> </span><span class="keyword">if</span><span>(oTarget.attachEvent){ </span></span></li><li><span> oTarget.attachEvent(<span class="string">"on"</span><span> + sEvtType,fnHandle); </span></span></li><li class="alt"><span> }<span class="keyword">else</span><span>{ </span></span></li><li><span> oTarget[<span class="string">"on"</span><span> + sEvtType] = fnHandle; </span></span></li><li class="alt"><span> } </span></li><li><span>} </span></li></ol></div><span style="font-size:18px;"><strong>54、原生JavaScript去掉url前缀</strong></span>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="keyword">function</span><span> removeUrlPrefix(a){ </span></span></li><li><span> a=a.replace(/:/g,<span class="string">":"</span><span>).replace(/./g,</span><span class="string">"."</span><span>).replace(///g,</span><span class="string">"/"</span><span>); </span></span></li><li class="alt"><span> <span class="keyword">while</span><span>(trim(a).toLowerCase().indexOf(</span><span class="string">"http://"</span><span>)==0){ </span></span></li><li><span> a=trim(a.replace(/http:\/\<span class="comment">//i,""));</span><span> </span></span></li><li class="alt"><span> } </span></li><li><span> <span class="keyword">return</span><span> a; </span></span></li><li class="alt"><span>} </span></li></ol></div><strong><span style="font-size:18px;">55、原生JavaScript随机数时间戳</span></strong>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="keyword">function</span><span> uniqueId(){ </span></span></li><li><span> <span class="keyword">var</span><span> a=Math.random,b=parseInt; </span></span></li><li class="alt"><span> <span class="keyword">return</span><span> Number(</span><span class="keyword">new</span><span> Date()).toString()+b(10*a())+b(10*a())+b(10*a()); </span></span></li><li><span>} </span></li></ol></div>56、原生JavaScript全角半角转换,iCase: 0全到半,1半到全,其他不转化
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="keyword">function</span><span> chgCase(sStr,iCase){ </span></span></li><li><span> <span class="keyword">if</span><span>(</span><span class="keyword">typeof</span><span> sStr != </span><span class="string">"string"</span><span> || sStr.length <= 0 || !(iCase === 0 || iCase == 1)){ </span></span></li><li class="alt"><span> <span class="keyword">return</span><span> sStr; </span></span></li><li><span> } </span></li><li class="alt"><span> <span class="keyword">var</span><span> i,oRs=[],iCode; </span></span></li><li><span> <span class="keyword">if</span><span>(iCase){</span><span class="comment">/*半->全*/</span><span> </span></span></li><li class="alt"><span> <span class="keyword">for</span><span>(i=0; i<sStr.length;i+=1){ </span></span></li><li><span> iCode = sStr.charCodeAt(i); </span></li><li class="alt"><span> <span class="keyword">if</span><span>(iCode == 32){ </span></span></li><li><span> iCode = 12288; </span></li><li class="alt"><span> }<span class="keyword">else</span><span> </span><span class="keyword">if</span><span>(iCode < 127){ </span></span></li><li><span> iCode += 65248; </span></li><li class="alt"><span> } </span></li><li><span> oRs.push(String.fromCharCode(iCode)); </span></li><li class="alt"><span> } </span></li><li><span> }<span class="keyword">else</span><span>{</span><span class="comment">/*全->半*/</span><span> </span></span></li><li class="alt"><span> <span class="keyword">for</span><span>(i=0; i<sStr.length;i+=1){ </span></span></li><li><span> iCode = sStr.charCodeAt(i); </span></li><li class="alt"><span> <span class="keyword">if</span><span>(iCode == 12288){ </span></span></li><li><span> iCode = 32; </span></li><li class="alt"><span> }<span class="keyword">else</span><span> </span><span class="keyword">if</span><span>(iCode > 65280 && iCode < 65375){ </span></span></li><li><span> iCode -= 65248; </span></li><li class="alt"><span> } </span></li><li><span> oRs.push(String.fromCharCode(iCode)); </span></li><li class="alt"><span> } </span></li><li><span> } </span></li><li class="alt"><span> <span class="keyword">return</span><span> oRs.join(</span><span class="string">""</span><span>); </span></span></li><li><span>} </span></li></ol></div><span style="font-size:18px;"><strong>57、原生JavaScript确认是否键盘有效输入值</strong></span>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="keyword">function</span><span> checkKey(iKey){ </span></span></li><li><span> <span class="keyword">if</span><span>(iKey == 32 || iKey == 229){</span><span class="keyword">return</span><span> </span><span class="keyword">true</span><span>;}</span><span class="comment">/*空格和异常*/</span><span> </span></span></li><li class="alt"><span> <span class="keyword">if</span><span>(iKey>47 && iKey < 58){</span><span class="keyword">return</span><span> </span><span class="keyword">true</span><span>;}</span><span class="comment">/*数字*/</span><span> </span></span></li><li><span> <span class="keyword">if</span><span>(iKey>64 && iKey < 91){</span><span class="keyword">return</span><span> </span><span class="keyword">true</span><span>;}</span><span class="comment">/*字母*/</span><span> </span></span></li><li class="alt"><span> <span class="keyword">if</span><span>(iKey>95 && iKey < 108){</span><span class="keyword">return</span><span> </span><span class="keyword">true</span><span>;}</span><span class="comment">/*数字键盘1*/</span><span> </span></span></li><li><span> <span class="keyword">if</span><span>(iKey>108 && iKey < 112){</span><span class="keyword">return</span><span> </span><span class="keyword">true</span><span>;}</span><span class="comment">/*数字键盘2*/</span><span> </span></span></li><li class="alt"><span> <span class="keyword">if</span><span>(iKey>185 && iKey < 193){</span><span class="keyword">return</span><span> </span><span class="keyword">true</span><span>;}</span><span class="comment">/*符号1*/</span><span> </span></span></li><li><span> <span class="keyword">if</span><span>(iKey>218 && iKey < 223){</span><span class="keyword">return</span><span> </span><span class="keyword">true</span><span>;}</span><span class="comment">/*符号2*/</span><span> </span></span></li><li class="alt"><span> <span class="keyword">return</span><span> </span><span class="keyword">false</span><span>; </span></span></li><li><span>} </span></li></ol></div>58、原生JavaScript获取网页被卷去的位置
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="keyword">function</span><span> getScrollXY() { </span></span></li><li><span> <span class="keyword">return</span><span> document.body.scrollTop ? { </span></span></li><li class="alt"><span> x: document.body.scrollLeft, </span></li><li><span> y: document.body.scrollTop </span></li><li class="alt"><span> }: { </span></li><li><span> x: document.documentElement.scrollLeft, </span></li><li class="alt"><span> y: document.documentElement.scrollTop </span></li><li><span> } </span></li><li class="alt"><span>} </span></li></ol></div><strong><span style="font-size:18px;">59、原生JavaScript另一种正则日期格式化函数+调用方法</span></strong>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span>Date.prototype.format = </span><span class="keyword">function</span><span>(format){ </span><span class="comment">//author: meizz</span><span> </span></span></li><li><span> <span class="keyword">var</span><span> o = { </span></span></li><li class="alt"><span> <span class="string">"M+"</span><span> : </span><span class="keyword">this</span><span>.getMonth()+1, </span><span class="comment">//month</span><span> </span></span></li><li><span> <span class="string">"d+"</span><span> : </span><span class="keyword">this</span><span>.getDate(), </span><span class="comment">//day</span><span> </span></span></li><li class="alt"><span> <span class="string">"h+"</span><span> : </span><span class="keyword">this</span><span>.getHours(), </span><span class="comment">//hour</span><span> </span></span></li><li><span> <span class="string">"m+"</span><span> : </span><span class="keyword">this</span><span>.getMinutes(), </span><span class="comment">//minute</span><span> </span></span></li><li class="alt"><span> <span class="string">"s+"</span><span> : </span><span class="keyword">this</span><span>.getSeconds(), </span><span class="comment">//second</span><span> </span></span></li><li><span> <span class="string">"q+"</span><span> : Math.floor((</span><span class="keyword">this</span><span>.getMonth()+3)/3), </span><span class="comment">//quarter</span><span> </span></span></li><li class="alt"><span> <span class="string">"S"</span><span> : </span><span class="keyword">this</span><span>.getMilliseconds() </span><span class="comment">//millisecond</span><span> </span></span></li><li><span> } </span></li><li class="alt"><span> <span class="keyword">if</span><span>(/(y+)/.test(format)) format=format.replace(RegExp.$1, </span></span></li><li><span> (<span class="keyword">this</span><span>.getFullYear()+</span><span class="string">""</span><span>).substr(4 - RegExp.$1.length)); </span></span></li><li class="alt"><span> <span class="keyword">for</span><span>(</span><span class="keyword">var</span><span> k </span><span class="keyword">in</span><span> o)</span><span class="keyword">if</span><span>(</span><span class="keyword">new</span><span> RegExp(</span><span class="string">"("</span><span>+ k +</span><span class="string">")"</span><span>).test(format)) </span></span></li><li><span> format = format.replace(RegExp.$1, </span></li><li class="alt"><span> RegExp.$1.length==1 ? o[k] : </span></li><li><span> (<span class="string">"00"</span><span>+ o[k]).substr((</span><span class="string">""</span><span>+ o[k]).length)); </span></span></li><li class="alt"><span> <span class="keyword">return</span><span> format; </span></span></li><li><span>} </span></li><li class="alt"><span>alert(<span class="keyword">new</span><span> Date().format(</span><span class="string">"yyyy-MM-dd hh:mm:ss"</span><span>)); </span></span></li></ol></div><strong><span style="font-size:18px;">60、原生JavaScript时间个性化输出功能</span></strong>
<div class="dp-highlighter bg_javascript"><div class="bar"><div class="tools"><strong>[javascript]</strong> <a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="ViewSource" title="view plain">view plain</a><a target=_blank href="http://blog.csdn.net/chinahuyong/article/details/17708127#" class="CopyToClipboard" title="copy">copy</a><a target=_blank href="https://code.csdn.net/snippets/135738" target="_blank" title="在CODE上查看代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/CODE_ico.png" alt="在CODE上查看代码片" style="position:relative;top:1px;left:2px;" height="12" width="12" /></a><a target=_blank href="https://code.csdn.net/snippets/135738/fork" target="_blank" title="派生到我的代码片" style="text-indent:0;"><img src="https://code.csdn.net/assets/ico_fork.svg" alt="派生到我的代码片" style="position:relative;top:2px;left:2px;" height="12" width="12" /></a></div></div><ol class="dp-c" start="1"><li class="alt"><span><span class="comment">/*</span> </span></li><li><span><span class="comment">1、< 60s, 显示为“刚刚”</span> </span></li><li class="alt"><span><span class="comment">2、>= 1min && < 60 min, 显示与当前时间差“XX分钟前”</span> </span></li><li><span><span class="comment">3、>= 60min && < 1day, 显示与当前时间差“今天 XX:XX”</span> </span></li><li class="alt"><span><span class="comment">4、>= 1day && < 1year, 显示日期“XX月XX日 XX:XX”</span> </span></li><li><span><span class="comment">5、>= 1year, 显示具体日期“XXXX年XX月XX日 XX:XX”</span> </span></li><li class="alt"><span><span class="comment"> */</span><span> </span></span></li><li><span><span class="keyword">function</span><span> timeFormat(time){ </span></span></li><li class="alt"><span> <span class="keyword">var</span><span> date = </span><span class="keyword">new</span><span> Date(time) </span></span></li><li><span> , curDate = <span class="keyword">new</span><span> Date() </span></span></li><li class="alt"><span> , year = date.getFullYear() </span></li><li><span> , month = date.getMonth() + 1 </span></li><li class="alt"><span> , day = date.getDate() </span></li><li><span> , hour = date.getHours() </span></li><li class="alt"><span> , minute = date.getMinutes() </span></li><li><span> , curYear = curDate.getFullYear() </span></li><li class="alt"><span> , curHour = curDate.getHours() </span></li><li><span> , timeStr; </span></li><li class="alt"><span> </span></li><li><span> <span class="keyword">if</span><span>(year < curYear){ </span></span></li><li class="alt"><span> timeStr = year +<span class="string">'年'</span><span>+ month +</span><span class="string">'月'</span><span>+ day +</span><span class="string">'日 '</span><span>+ hour +</span><span class="string">':'</span><span>+ minute; </span></span></li><li><span> }<span class="keyword">else</span><span>{ </span></span></li><li class="alt"><span> <span class="keyword">var</span><span> pastTime = curDate - date </span></span></li><li><span> , pastH = pastTime/3600000; </span></li><li class="alt"><span> </span></li><li><span> <span class="keyword">if</span><span>(pastH > curHour){ </span></span></li><li class="alt"><span> timeStr = month +<span class="string">'月'</span><span>+ day +</span><span class="string">'日 '</span><span>+ hour +</span><span class="string">':'</span><span>+ minute; </span></span></li><li><span> }<span class="keyword">else</span><span> </span><span class="keyword">if</span><span>(pastH >= 1){ </span></span></li><li class="alt"><span> timeStr = <span class="string">'今天 '</span><span> + hour +</span><span class="string">':'</span><span>+ minute +</span><span class="string">'分'</span><span>; </span></span></li><li><span> }<span class="keyword">else</span><span>{ </span></span></li><li class="alt"><span> <span class="keyword">var</span><span> pastM = curDate.getMinutes() - minute; </span></span></li><li><span> <span class="keyword">if</span><span>(pastM > 1){ </span></span></li><li class="alt"><span> timeStr = pastM +<span class="string">'分钟前'</span><span>; </span></span></li><li><span> }<span class="keyword">else</span><span>{ </span></span></li><li class="alt"><span> timeStr = <span class="string">'刚刚'</span><span>; </span></span></li><li><span> } </span></li><li class="alt"><span> } </span></li><li><span> } </span></li><li class="alt"><span> <span class="keyword">return</span><span> timeStr; </span></span></li><li><span>} </span></li></ol></div>
61、原生JavaScript解决offsetX兼容性问题
62、原生JavaScript常用的正则表达式63、原生JavaScript实现返回顶部的通用方法
64、原生JavaScript获得URL中GET参数值
65、原生JavaScript实现全选通用方法
66、原生JavaScript实现全部取消选择通用方法
67、原生JavaScript实现打开一个窗体通用方法
68、原生JavaScript判断是否为客户端设备
69、原生JavaScript获取单选按钮的值
70、原生JavaScript获取复选框的值
(71~80)验证篇这一篇文章主要是10个比较常用表单验证功能,包括了邮箱、危险字符、验证长度、验证网址、验证小数、整数、浮点数等常用的验证,有了这些代码片段,平时的表单验证也可以不需要jquery的验证插件了,希望可以帮到大家。。。
71、原生JavaScript判断是否为邮箱
72、原生JavaScript判断是否有列表中的危险字符
73、原生JavaScript判断字符串是否大于规定的长度
74、原生JavaScript判断字符串是为网址不区分大小写
75、原生JavaScript判断字符串是否为小数
76、原生JavaScript判断字符串是否为整数
77、原生JavaScript判断字符串是否为浮点数
78、原生JavaScript判断字符是否为A-Za-z英文字母
79、原生JavaScript判断字符串是否邮政编码
80、原生JavaScript判断字符是否空NULL 81、原生JavaScript用正则表达式提取页面代码中所有网址
82、原生JavaScript用正则表达式清除相同的数组(低效率)
83、原生JavaScript用正则表达式清除相同的数组(高效率)
84、原生JavaScript用正则表达式按字母排序,对每行进行数组排序
85、原生JavaScript字符串反序
86、原生JavaScript用正则表达式清除html代码中的脚本
87、原生JavaScript动态执行JavaScript脚本
88、原生JavaScript动态执行VBScript脚本
89、原生JavaScript实现金额大写转换函数
90、原生JavaScript常用的正则表达式大收集
91、原生JavaScript实现窗体改变事件resize的操作(兼容所以的浏览器)
92、原生JavaScript用正则清除空格分左右
93、原生JavaScript判断变量是否空值
94、原生JavaScript实现base64解码
95、原生JavaScript实现utf8解码
96、原生JavaScript获取窗体可见范围的宽与高
97、原生JavaScript判断IE版本号(既简洁、又向后兼容!)
98、原生JavaScript获取浏览器版本号
99、原生JavaScript半角转换为全角函数
100、原生JavaScript全角转换为半角函数