本文中,收集了一些比较常用的Javascript函数,希望对学习JS的朋友们有所帮助。
1. 字符串长度截取
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
function
cutstr(str, len) { var
temp, icount
= 0, patrn
= /[^x00-xff]/, strre
= "" ; for
( var
i = 0; i < str.length; i++) { if
(icount < len - 1) { temp
= str.substr(i, 1); if
(patrn.exec(temp) == null )
{ icount
= icount + 1 }
else
{ icount
= icount + 2 } strre
+= temp }
else
{ break ; } } return
strre + "..." } |
2. 替换全部
1
2
3
|
String.prototype.replaceAll
= function (s1,
s2) { return
this .replace( new
RegExp(s1, "gm" ),
s2) } |
3. 清除空格
1
2
3
4
|
String.prototype.trim
= function ()
{ var
reExtraSpace = /^s*(.*?)s+$/; return
this .replace(reExtraSpace,
"$1" ) } |
4. 清除左空格/右空格
1
2
|
function
ltrim(s){ return
s.replace( /^(s*| *)/, "" );
} function
rtrim(s){ return
s.replace( /(s*| *)$/, "" );
} |
5. 判断是否以某个字符串开头
1
2
3
|
String.prototype.startWith
= function
(s) { return
this .indexOf(s)
== 0 } |
6. 判断是否以某个字符串结束
1
2
3
4
|
String.prototype.endWith
= function
(s) { var
d = this .length
- s.length; return
(d >= 0 && this .lastIndexOf(s)
== d) } |
7. 转义html标签
1
2
3
|
function
HtmlEncode(text) { return
text.replace(/&/g, '&' ).replace(/ "/g,
'" ').replace(/</g,
'<' ).replace(/>/g,
'>' ) } |
8. 时间日期格式转换
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
Date.prototype.Format
= function (formatStr)
{ var
str = formatStr; var
Week = [ '日' ,
'一' ,
'二' ,
'三' ,
'四' ,
'五' ,
'六' ]; str
= str.replace(/yyyy|YYYY/, this .getFullYear()); str
= str.replace(/yy|YY/, ( this .getYear()
% 100) > 9 ? ( this .getYear()
% 100).toString() : '0'
+ ( this .getYear()
% 100)); str
= str.replace(/MM/, ( this .getMonth()
+ 1) > 9 ? ( this .getMonth()
+ 1).toString() : '0'
+ ( this .getMonth()
+ 1)); str
= str.replace(/M/g, ( this .getMonth()
+ 1)); str
= str.replace(/w|W/g, Week[ this .getDay()]); str
= str.replace(/dd|DD/, this .getDate()
> 9 ? this .getDate().toString()
: '0'
+ this .getDate()); str
= str.replace(/d|D/g, this .getDate()); str
= str.replace(/hh|HH/, this .getHours()
> 9 ? this .getHours().toString()
: '0'
+ this .getHours()); str
= str.replace(/h|H/g, this .getHours()); str
= str.replace(/mm/, this .getMinutes()
> 9 ? this .getMinutes().toString()
: '0'
+ this .getMinutes()); str
= str.replace(/m/g, this .getMinutes()); str
= str.replace(/ss|SS/, this .getSeconds()
> 9 ? this .getSeconds().toString()
: '0'
+ this .getSeconds()); str
= str.replace(/s|S/g, this .getSeconds()); return
str } |
9. 判断是否为数字类型
1
2
3
4
5
6
7
8
|
function
isDigit(value) { var
patrn = /^[0-9]*$/; if
(patrn.exec(value) == null
|| value == "" )
{ return
false }
else
{ return
true } } |
10. 设置cookie值
1
2
3
4
5
6
7
8
9
|
function
setCookie(name, value, Hours) { var
d = new
Date(); var
offset = 8; var
utc = d.getTime() + (d.getTimezoneOffset() * 60000); var
nd = utc + (3600000 * offset); var
exp = new
Date(nd); exp.setTime(exp.getTime()
+ Hours * 60 * 60 * 1000); document.cookie
= name + "="
+ escape(value) + ";path=/;expires="
+ exp.toGMTString() + ";domain=360doc.com;" } |
11. 获取cookie值
1
2
3
4
5
|
function
getCookie(name) { var
arr = document.cookie.match( new
RegExp( "(^|
)"
+ name + "=([^;]*)(;|$)" )); if
(arr != null )
return
unescape(arr[2]); return
null } |
12. 加入收藏夹
1
2
3
4
5
6
7
8
9
10
11
|
function
AddFavorite(sURL, sTitle) { try
{ window.external.addFavorite(sURL,
sTitle) }
catch (e)
{ try
{ window.sidebar.addPanel(sTitle,
sURL, "" ) }
catch (e)
{ alert( "加入收藏失败,请使用Ctrl+D进行添加" ) } } } |
13. 设为首页
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
function
setHomepage() { if
(document.all) { document.body.style.behavior
= 'url(#default#homepage)' ; document.body.setHomePage( 'http://w3cboy.com' ) }
else
if
(window.sidebar) { if
(window.netscape) { try
{ netscape.security.PrivilegeManager.enablePrivilege( "UniversalXPConnect" ) }
catch (e)
{ alert( "该操作被浏览器拒绝,如果想启用该功能,请在地址栏内输入
about:config,然后将项 signed.applets.codebase_principal_support 值该为true" ) } } var
prefs = Components.classes[ '@mozilla.org/preferences-service;1' ].getService(Components.interfaces.nsIPrefBranch); prefs.setCharPref( 'browser.startup.homepage' ,
'http://w3cboy.com' ) } } |
14. 加载样式文件
1
2
3
4
5
6
7
8
9
10
11
12
|
function
LoadStyle(url) { try
{ document.createStyleSheet(url) }
catch (e)
{ var
cssLink = document.createElement( 'link' ); cssLink.rel
= 'stylesheet' ; cssLink.type
= 'text/css' ; cssLink.href
= url; var
head = document.getElementsByTagName( 'head' )[0]; head.appendChild(cssLink) } } |
15. 返回脚本内容
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
function
evalscript(s) { if (s.indexOf( '<script' )
== -1) return
s; var
p = /<script[^>]*?>([^x00]*?)</script>/ig; var
arr = []; while (arr
= p.exec(s)) { var
p1 = /<script[^>]*?src="([^>]*?)"[^>]*?(reload="1")?(?:charset="([w-]+?)")?></script>/i; var
arr1 = []; arr1
= p1.exec(arr[0]); if (arr1)
{ appendscript(arr1[1],
'' ,
arr1[2], arr1[3]); }
else
{ p1
= /<script(.*?)>([^x00]+?)</script>/i; arr1
= p1.exec(arr[0]); appendscript( '' ,
arr1[2], arr1[1].indexOf( 'reload=' )
!= -1); } } return
s; } |
16. 清除脚本内容
1
2
3
|
function
stripscript(s) { return
s.replace(/<script.*?>.*?</script>/ig, '' ); } |
17. 动态加载脚本文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
function
appendscript(src, text, reload, charset) { var
id = hash(src + text); if (!reload
&& in_array(id, evalscripts)) return ; if (reload
&& $(id)) { $(id).parentNode.removeChild($(id)); } evalscripts.push(id); var
scriptNode = document.createElement( "script" ); scriptNode.type
= "text/javascript" ; scriptNode.id
= id; scriptNode.charset
= charset ? charset : (BROWSER.firefox ? document.characterSet : document.charset); try
{ if (src)
{ scriptNode.src
= src; scriptNode.onloadDone
= false ; scriptNode.onload
= function
() { scriptNode.onloadDone
= true ; JSLOADED[src]
= 1; }; scriptNode.onreadystatechange
= function
() { if ((scriptNode.readyState
== 'loaded'
|| scriptNode.readyState == 'complete' )
&& !scriptNode.onloadDone) { scriptNode.onloadDone
= true ; JSLOADED[src]
= 1; } }; }
else
if (text){ scriptNode.text
= text; } document.getElementsByTagName( 'head' )[0].appendChild(scriptNode); }
catch (e)
{} } |
18. 返回按ID检索的元素对象
function $(id) { return !id ? null : document.getElementById(id); }
19. 跨浏览器绑定事件
1
2
3
4
5
6
7
8
9
10
|
function
addEventSamp(obj,evt,fn){ if (!oTarget){ return ;} if
(obj.addEventListener) { obj.addEventListener(evt,
fn, false );
} else
if (obj.attachEvent){
obj.attachEvent( 'on' +evt,fn);
} else { oTarget[ "on"
+ sEvtType] = fn; }
} |
20. 跨浏览器删除事件
1
2
3
4
5
6
7
8
9
10
|
function
delEvt(obj,evt,fn){ if (!obj){ return ;} if (obj.addEventListener){ obj.addEventListener(evt,fn, false ); } else
if (oTarget.attachEvent){ obj.attachEvent( "on"
+ evt,fn); } else { obj[ "on"
+ evt] = fn; } } |
21. 为元素添加on方法
1
2
3
4
5
6
7
8
|
Element.prototype.on
= Element.prototype.addEventListener; NodeList.prototype.on
= function
(event, fn) {、 [][ 'forEach' ].call( this ,
function
(el) { el.on(event,
fn); }); return
this ; }; |
22. 为元素添加trigger方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
Element.prototype.trigger
= function
(type, data) { var
event = document.createEvent( 'HTMLEvents' ); event.initEvent(type,
true ,
true ); event.data
= data || {}; event.eventName
= type; event.target
= this ; this .dispatchEvent(event); return
this ; }; NodeList.prototype.trigger
= function
(event) { [][ 'forEach' ].call( this ,
function
(el) { el[ 'trigger' ](event); }); return
this ; }; |
23. 检验URL链接是否有效
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
function
getUrlState(URL){ var
xmlhttp = new
ActiveXObject( "microsoft.xmlhttp" );
xmlhttp.Open( "GET" ,URL,
false );
try {
xmlhttp.Send();
} catch (e){ }finally{
var
result = xmlhttp.responseText; if (result){ if (xmlhttp.Status==200){
return ( true );
} else {
return ( false );
}
} else {
return ( false );
}
} } |
24. 格式化CSS样式代码
1
2
3
4
5
6
7
8
9
|
function
formatCss(s){ //格式化代码 s
= s.replace(/s*([{}:;\,])s*/g, "$1" ); s
= s.replace(/;s*;/g, ";" );
//清除连续分号 s
= s.replace(/\,[s. #d]*{/g,
"{"); s
= s.replace(/([^s]){([^s])/g, "$1
{
$2" ); s
= s.replace(/([^s])}([^
]*)/g, "$1
}
$2" ); s
= s.replace(/([^s]);([^s}])/g, "$1;
$2" ); return
s; } |
25. 压缩CSS样式代码
1
2
3
4
5
6
7
8
|
function
compressCss (s) { //压缩代码 s
= s.replace(//*(.|
)*?* //g,
""); //删除注释 s
= s.replace(/s*([{}:;\,])s*/g, "$1" ); s
= s.replace(/\,[s. #d]*{/g,
"{"); //容错处理 s
= s.replace(/;s*;/g, ";" );
//清除连续分号 s
= s.match(/^s*(S+(s+S+)*)s*$/); //去掉首尾空白 return
(s == null )
? ""
: s[1]; } |
26. 获取当前路径
1
2
3
4
5
6
|
var
currentPageUrl = "" ; if
( typeof
this .href
=== "undefined" )
{ currentPageUrl
= document.location.toString().toLowerCase(); } else
{ currentPageUrl
= this .href.toString().toLowerCase(); } |
27. 判断是否移动设备
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
function
isMobile(){ if
( typeof
this ._isMobile
=== 'boolean' ){ return
this ._isMobile; } var
screenWidth = this .getScreenWidth(); var
fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport ||rendererModel.runningExperiments.fixviewport; var
fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() ===
"new" ); if (!fixViewPortsExperiment){ if (! this .isAppleMobileDevice()){ screenWidth
= screenWidth/window.devicePixelRatio; } } var
isMobileScreenSize = screenWidth < 600; var
isMobileUserAgent = false ; this ._isMobile
= isMobileScreenSize && this .isTouchScreen(); return
this ._isMobile; } |
28. 判断是否移动设备访问
1
2
3
|
function
isMobileUserAgent(){ return
(/iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(window.navigator.userAgent.toLowerCase())); } |
29. 判断是否苹果移动设备访问
1
2
3
|
function
isAppleMobileDevice(){ return
(/iphone|ipod|ipad|Macintosh/i.test(navigator.userAgent.toLowerCase())); } |
30. 判断是否安卓移动设备访问
1
2
3
|
function
isAndroidMobileDevice(){ return
(/android/i.test(navigator.userAgent.toLowerCase())); } |
31. 判断是否Touch屏幕
1
2
3
|
function
isTouchScreen(){ return
(( 'ontouchstart'
in
window) || window.DocumentTouch && document instanceof
DocumentTouch); } |
32. 判断是否打开视窗
1
2
3
|
function
isViewportOpen() { return
!!document.getElementById( 'wixMobileViewport' ); } |
33. 获取移动设备初始化大小
1
2
3
4
5
6
7
8
9
10
|
function
getInitZoom(){ if (! this ._initZoom){ var
screenWidth = Math.min(screen.height, screen.width); if ( this .isAndroidMobileDevice()
&& ! this .isNewChromeOnAndroid()){ screenWidth
= screenWidth/window.devicePixelRatio; } this ._initZoom
= screenWidth /document.body.offsetWidth; } return
this ._initZoom; } |
34. 获取移动设备最大化大小
1
2
3
4
5
6
7
8
9
10
11
12
13
|
function
getZoom(){ var
screenWidth = (Math.abs(window.orientation) === 90) ? Math.max(screen.height, screen.width) : Math.min(screen.height, screen.width); if ( this .isAndroidMobileDevice()
&& ! this .isNewChromeOnAndroid()){ screenWidth
= screenWidth/window.devicePixelRatio; } var
FixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport; var
FixViewPortsExperimentRunning = FixViewPortsExperiment && (FixViewPortsExperiment ===
"New"
|| FixViewPortsExperiment === "new" ); if (FixViewPortsExperimentRunning){ return
screenWidth / window.innerWidth; } else { return
screenWidth / document.body.offsetWidth; } } |
35. 获取移动设备屏幕宽度
1
2
3
4
5
6
7
8
9
10
11
|
function
getScreenWidth(){ var
smallerSide = Math.min(screen.width, screen.height); var
fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport; var
fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() ===
"new" ); if (fixViewPortsExperiment){ if ( this .isAndroidMobileDevice()
&& ! this .isNewChromeOnAndroid()){ smallerSide
= smallerSide/window.devicePixelRatio; } } return
smallerSide; } |
36. 完美判断是否为网址
1
2
3
4
5
6
7
8
|
function
IsURL(strUrl) { var
regular = /^(((https?|ftp)://)?[-a-z0-9]+(.[-a-z0-9]+)*.(?:com|edu|gov|int|mil|net|org|biz|info|name|museum|asia|coop|aero|[a-z][a-z]|((25[0-5])|(2[0-4]d)|(1dd)|([1-9]d)|d))(/[-a-z0-9_:@&?=+,.!/~%$]*)?)$/i if
(regular.test(strUrl)) { return
true ; } else
{ return
false ; } } |