JavaScript常用工具函数大全
本文实例总结了JavaScript常用工具函数。分享给大家供大家参考，具体如下：
为元素添加on方法
Element.prototype.on=Element.prototype.addEventListener;
NodeList.prototype.on=function(event,fn){、
[]['forEach'].call(this,function(el){
el.on(event,fn);
});
returnthis;
};
为元素添加trigger方法
Element.prototype.trigger=function(type,data){
varevent=document.createEvent("HTMLEvents");
event.initEvent(type,true,true);
event.data=data||{};
event.eventName=type;
event.target=this;
this.dispatchEvent(event);
returnthis;
};
NodeList.prototype.trigger=function(event){
[]["forEach"].call(this,function(el){
el["trigger"](event);
});
returnthis;
};
转义html标签
functionHtmlEncode(text){
returntext
.replace(/&/g,"&")
.replace(/\"/g,'"')
.replace(//g,">");
}
HTML标签转义
//HTML标签转义
//@param{Array.}templateData字符串类型的tokens
//@param{...}..vals表达式占位符的运算结果tokens
//
functionSaferHTML(templateData){
vars=templateData[0];
for(vari=1;i这是关于字符串模板的介绍
`;
跨浏览器绑定事件
functionaddEventSamp(obj,evt,fn){
if(!oTarget){
return;
}
if(obj.addEventListener){
obj.addEventListener(evt,fn,false);
}elseif(obj.attachEvent){
obj.attachEvent("on"+evt,fn);
}else{
oTarget["on"+sEvtType]=fn;
}
}
加入收藏夹
functionaddFavorite(sURL,sTitle){
try{
window.external.addFavorite(sURL,sTitle);
}catch(e){
try{
window.sidebar.addPanel(sTitle,sURL,"");
}catch(e){
alert("加入收藏失败，请使用Ctrl+D进行添加");
}
}
}
提取页面代码中所有网址
varaa=document.documentElement.outerHTML
.match(
/(url\(|src=|href=)[\"\']*([^\"\'\(\)\<\>\[\]]+)[\"\'\)]*|(http:\/\/[\w\-\.]+[^\"\'\(\)\<\>\[\]]+)/gi
)
.join("\r\n")
.replace(/^(src=|href=|url\()[\"\']*|[\"\'\>\)]*$/gim,"");
alert(aa);
动态加载脚本文件
functionappendscript(src,text,reload,charset){
varid=hash(src+text);
if(!reload&&in_array(id,evalscripts))return;
if(reload&&$(id)){
$(id).parentNode.removeChild($(id));
}
evalscripts.push(id);
varscriptNode=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;
}
};
}elseif(text){
scriptNode.text=text;
}
document.getElementsByTagName("head")[0].appendChild(scriptNode);
}catch(e){}
}
返回顶部的通用方法
functionbackTop(btnId){
varbtn=document.getElementById(btnId);
vard=document.documentElement;
varb=document.body;
window.onscroll=set;
btn.style.display="none";
btn.onclick=function(){
btn.style.display="none";
window.onscroll=null;
this.timer=setInterval(function(){
d.scrollTop-=Math.ceil((d.scrollTop+b.scrollTop)*0.1);
b.scrollTop-=Math.ceil((d.scrollTop+b.scrollTop)*0.1);
if(d.scrollTop+b.scrollTop==0)
clearInterval(btn.timer,(window.onscroll=set));
},10);
};
functionset(){
btn.style.display=d.scrollTop+b.scrollTop>100?"block":"none";
}
}
backTop("goTop");
实现base64解码
functionbase64_decode(data){
varb64="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
varo1,
o2,
o3,
h1,
h2,
h3,
h4,
bits,
i=0,
ac=0,
dec="",
tmp_arr=[];
if(!data){
returndata;
}
data+="";
do{
h1=b64.indexOf(data.charAt(i++));
h2=b64.indexOf(data.charAt(i++));
h3=b64.indexOf(data.charAt(i++));
h4=b64.indexOf(data.charAt(i++));
bits=(h1<<18)|(h2<<12)|(h3<<6)|h4;
o1=(bits>>16)&0xff;
o2=(bits>>8)&0xff;
o3=bits&0xff;
if(h3==64){
tmp_arr[ac++]=String.fromCharCode(o1);
}elseif(h4==64){
tmp_arr[ac++]=String.fromCharCode(o1,o2);
}else{
tmp_arr[ac++]=String.fromCharCode(o1,o2,o3);
}
}while(i
确认是否是键盘有效输入值
functioncheckKey(iKey){
if(iKey==32||iKey==229){
returntrue;
}/*空格和异常*/
if(iKey>47&&iKey<58){
returntrue;
}/*数字*/
if(iKey>64&&iKey<91){
returntrue;
}/*字母*/
if(iKey>95&&iKey<108){
returntrue;
}/*数字键盘1*/
if(iKey>108&&iKey<112){
returntrue;
}/*数字键盘2*/
if(iKey>185&&iKey<193){
returntrue;
}/*符号1*/
if(iKey>218&&iKey<223){
returntrue;
}/*符号2*/
returnfalse;
}
全角半角转换
//iCase:0全到半，1半到全，其他不转化
functionchgCase(sStr,iCase){
if(
typeofsStr!="string"||
sStr.length<=0||
!(iCase===0||iCase==1)
){
returnsStr;
}
vari,
oRs=[],
iCode;
if(iCase){
/*半->全*/
for(i=0;i半*/
for(i=0;i65280&&iCode<65375){
iCode-=65248;
}
oRs.push(String.fromCharCode(iCode));
}
}
returnoRs.join("");
}
版本对比
functioncompareVersion(v1,v2){
v1=v1.split(".");
v2=v2.split(".");
varlen=Math.max(v1.length,v2.length);
while(v1.lengthnum2){
return1;
}elseif(num1
压缩CSS样式代码
functioncompressCss(s){
//压缩代码
s=s.replace(/\/\*(.|\n)*?\*\//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*$/);//去掉首尾空白
returns==null?"":s[1];
}
获取当前路径
varcurrentPageUrl="";
if(typeofthis.href==="undefined"){
currentPageUrl=document.location.toString().toLowerCase();
}else{
currentPageUrl=this.href.toString().toLowerCase();
}
字符串长度截取
functioncutstr(str,len){
vartemp,
icount=0,
patrn=/[^\x00-\xff]/，
strre="";
for(vari=0;i
时间日期格式转换
Date.prototype.format=function(formatStr){
varstr=formatStr;
varWeek=["日","一","二","三","四","五","六"];
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());
returnstr;
};
//或
Date.prototype.format=function(format){
varo={
"M+":this.getMonth()+1,//month
"d+":this.getDate(),//day
"h+":this.getHours(),//hour
"m+":this.getMinutes(),//minute
"s+":this.getSeconds(),//second
"q+":Math.floor((this.getMonth()+3)/3),//quarter
S:this.getMilliseconds()//millisecond
};
if(/(y+)/.test(format))
format=format.replace(
RegExp.$1,
(this.getFullYear()+"").substr(4-RegExp.$1.length)
);
for(varkino){
if(newRegExp("("+k+")").test(format))
format=format.replace(
RegExp.$1,
RegExp.$1.length==1?o[k]:("00"+o[k]).substr((""+o[k]).length)
);
}
returnformat;
};
alert(newDate().format("yyyy-MM-ddhh:mm:ss"));
跨浏览器删除事件
functiondelEvt(obj,evt,fn){
if(!obj){
return;
}
if(obj.addEventListener){
obj.addEventListener(evt,fn,false);
}elseif(oTarget.attachEvent){
obj.attachEvent("on"+evt,fn);
}else{
obj["on"+evt]=fn;
}
}
判断是否以某个字符串结束
String.prototype.endWith=function(s){
vard=this.length-s.length;
returnd>=0&&this.lastIndexOf(s)==d;
};
返回脚本内容
functionevalscript(s){
if(s.indexOf("]*?>([^\x00]*?)<\/script>/gi;
vararr=[];
while((arr=p.exec(s))){
varp1=/]*?src=\"([^\>]*?)\"[^\>]*?(reload=\"1\")?(?:charset=\"([\w\-]+?)\")?><\/script>/i;
vararr1=[];
arr1=p1.exec(arr[0]);
if(arr1){
appendscript(arr1[1],"",arr1[2],arr1[3]);
}else{
p1=/([^\x00]+?)<\/script>/i;
arr1=p1.exec(arr[0]);
appendscript("",arr1[2],arr1[1].indexOf("reload=")!=-1);
}
}
returns;
}
格式化CSS样式代码
functionformatCss(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{\n\t$2");
s=s.replace(/([^\s])\}([^\n]*)/g,"$1\n}\n$2");
s=s.replace(/([^\s]);([^\s\}])/g,"$1;\n\t$2");
returns;
}
获取cookie值
functiongetCookie(name){
vararr=document.cookie.match(newRegExp("(^|)"+name+"=([^;]*)(;|$)"));
if(arr!=null)returnunescape(arr[2]);
returnnull;
}
获得URL中GET参数值
//用法：如果地址是test.htm?t1=1&t2=2&t3=3,那么能取得：GET["t1"],GET["t2"],GET["t3"]
functiongetGet(){
querystr=window.location.href.split("?");
if(querystr[1]){
GETs=querystr[1].split("&");
GET=[];
for(i=0;i
获取移动设备初始化大小
functiongetInitZoom(){
if(!this._initZoom){
varscreenWidth=Math.min(screen.height,screen.width);
if(this.isAndroidMobileDevice()&&!this.isNewChromeOnAndroid()){
screenWidth=screenWidth/window.devicePixelRatio;
}
this._initZoom=screenWidth/document.body.offsetWidth;
}
returnthis._initZoom;
}
获取页面高度
functiongetPageHeight(){
varg=document,
a=g.body,
f=g.documentElement,
d=g.compatMode=="BackCompat"?a:g.documentElement;
returnMath.max(f.scrollHeight,a.scrollHeight,d.clientHeight);
}
获取页面scrollLeft
functiongetPageScrollLeft(){
vara=document;
returna.documentElement.scrollLeft||a.body.scrollLeft;
}
获取页面scrollTop
functiongetPageScrollTop(){
vara=document;
returna.documentElement.scrollTop||a.body.scrollTop;
}
获取页面可视高度
functiongetPageViewHeight(){
vard=document,
a=d.compatMode=="BackCompat"?d.body:d.documentElement;
returna.clientHeight;
}
获取页面可视宽度
functiongetPageViewWidth(){
vard=document,
a=d.compatMode=="BackCompat"?d.body:d.documentElement;
returna.clientWidth;
}
获取页面宽度
functiongetPageWidth(){
varg=document,
a=g.body,
f=g.documentElement,
d=g.compatMode=="BackCompat"?a:g.documentElement;
returnMath.max(f.scrollWidth,a.scrollWidth,d.clientWidth);
}
获取移动设备屏幕宽度
functiongetScreenWidth(){
varsmallerSide=Math.min(screen.width,screen.height);
varfixViewPortsExperiment=
rendererModel.runningExperiments.FixViewport||
rendererModel.runningExperiments.fixviewport;
varfixViewPortsExperimentRunning=
fixViewPortsExperiment&&fixViewPortsExperiment.toLowerCase()==="new";
if(fixViewPortsExperiment){
if(this.isAndroidMobileDevice()&&!this.isNewChromeOnAndroid()){
smallerSide=smallerSide/window.devicePixelRatio;
}
}
returnsmallerSide;
}
获取网页被卷去的位置
functiongetScrollXY(){
returndocument.body.scrollTop
?{
x:document.body.scrollLeft,
y:document.body.scrollTop
}
:{
x:document.documentElement.scrollLeft,
y:document.documentElement.scrollTop
};
}
获取URL上的参数
//获取URL中的某参数值,不区分大小写
//获取URL中的某参数值,不区分大小写,
//默认是取'hash'里的参数，
//如果传其他参数支持取‘search'中的参数
//@param{String}name参数名称
exportfunctiongetUrlParam(name,type="hash"){
letnewName=name,
reg=newRegExp("(^|&)"+newName+"=([^&]*)(&|$)","i"),
paramHash=window.location.hash.split("?")[1]||"",
paramSearch=window.location.search.split("?")[1]||"",
param;
type==="hash"?(param=paramHash):(param=paramSearch);
letresult=param.match(reg);
if(result!=null){
returnresult[2].split("/")[0];
}
returnnull;
}
检验URL链接是否有效
functiongetUrlState(URL){
varxmlhttp=newActiveXObject("microsoft.xmlhttp");
xmlhttp.Open("GET",URL,false);
try{
xmlhttp.Send();
}catch(e){
}finally{
varresult=xmlhttp.responseText;
if(result){
if(xmlhttp.Status==200){
returntrue;
}else{
returnfalse;
}
}else{
returnfalse;
}
}
}
获取窗体可见范围的宽与高
functiongetViewSize(){
varde=document.documentElement;
vardb=document.body;
varviewW=de.clientWidth==0?db.clientWidth:de.clientWidth;
varviewH=de.clientHeight==0?db.clientHeight:de.clientHeight;
returnArray(viewW,viewH);
}
获取移动设备最大化大小
functiongetZoom(){
varscreenWidth=
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;
}
varFixViewPortsExperiment=
rendererModel.runningExperiments.FixViewport||
rendererModel.runningExperiments.fixviewport;
varFixViewPortsExperimentRunning=
FixViewPortsExperiment&&
(FixViewPortsExperiment==="New"||FixViewPortsExperiment==="new");
if(FixViewPortsExperimentRunning){
returnscreenWidth/window.innerWidth;
}else{
returnscreenWidth/document.body.offsetWidth;
}
}
判断是否安卓移动设备访问
functionisAndroidMobileDevice(){
return/android/i.test(navigator.userAgent.toLowerCase());
}
判断是否苹果移动设备访问
functionisAppleMobileDevice(){
return/iphone|ipod|ipad|Macintosh/i.test(navigator.userAgent.toLowerCase());
}
判断是否为数字类型
functionisDigit(value){
varpatrn=/^[0-9]*$/;
if(patrn.exec(value)==null||value==""){
returnfalse;
}else{
returntrue;
}
}
是否是某类手机型号
//用devicePixelRatio和分辨率判断
constisIphonex=()=>{
//XXS,XSMax,XR
constxSeriesConfig=[
{
devicePixelRatio:3,
width:375,
height:812
},
{
devicePixelRatio:3,
width:414,
height:896
},
{
devicePixelRatio:2,
width:414,
height:896
}
];
//h5
if(typeofwindow!=="undefined"&&window){
constisIOS=/iphone/gi.test(window.navigator.userAgent);
if(!isIOS)returnfalse;
const{devicePixelRatio,screen}=window;
const{width,height}=screen;
returnxSeriesConfig.some(
item=>
item.devicePixelRatio===devicePixelRatio&&
item.width===width&&
item.height===height
);
}
returnfalse;
};
判断是否移动设备
functionisMobile(){
if(typeofthis._isMobile==="boolean"){
returnthis._isMobile;
}
varscreenWidth=this.getScreenWidth();
varfixViewPortsExperiment=
rendererModel.runningExperiments.FixViewport||
rendererModel.runningExperiments.fixviewport;
varfixViewPortsExperimentRunning=
fixViewPortsExperiment&&fixViewPortsExperiment.toLowerCase()==="new";
if(!fixViewPortsExperiment){
if(!this.isAppleMobileDevice()){
screenWidth=screenWidth/window.devicePixelRatio;
}
}
varisMobileScreenSize=screenWidth<600;
varisMobileUserAgent=false;
this._isMobile=isMobileScreenSize&&this.isTouchScreen();
returnthis._isMobile;
}
判断吗是否手机号码
functionisMobileNumber(e){
vari=
"134,135,136,137,138,139,150,151,152,157,158,159,187,188,147,182,183,184,178",
n="130,131,132,155,156,185,186,145,176",
a="133,153,180,181,189,177,173,170",
o=e||"",
r=o.substring(0,3),
d=o.substring(0,4),
s=
!!/^1\d{10}$/.test(o)&&
(n.indexOf(r)>=0
?"联通"
:a.indexOf(r)>=0
?"电信"
:"1349"==d
?"电信"
:i.indexOf(r)>=0
?"移动"
:"未知");
returns;
}
判断是否是移动设备访问
functionisMobileUserAgent(){
return/iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(
window.navigator.userAgent.toLowerCase()
);
}
判断鼠标是否移出事件
functionisMouseOut(e,handler){
if(e.type!=="mouseout"){
returnfalse;
}
varreltg=e.relatedTarget
?e.relatedTarget
:e.type==="mouseout"
?e.toElement
:e.fromElement;
while(reltg&&reltg!==handler){
reltg=reltg.parentNode;
}
returnreltg!==handler;
}
判断是否Touch屏幕
functionisTouchScreen(){
return(
"ontouchstart"inwindow||
(window.DocumentTouch&&documentinstanceofDocumentTouch)
);
}
判断是否为网址
functionisURL(strUrl){
varregular=/^\b(((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)|(1\d\d)|([1-9]\d)|\d))\b(\/[-a-z0-9_:\@&?=+,.!\/~%\$]*)?)$/i;
if(regular.test(strUrl)){
returntrue;
}else{
returnfalse;
}
}
判断是否打开视窗
functionisViewportOpen(){
return!!document.getElementById("wixMobileViewport");
}
加载样式文件
functionloadStyle(url){
try{
document.createStyleSheet(url);
}catch(e){
varcssLink=document.createElement("link");
cssLink.rel="stylesheet";
cssLink.type="text/css";
cssLink.href=url;
varhead=document.getElementsByTagName("head")[0];
head.appendChild(cssLink);
}
}
替换地址栏
functionlocationReplace(url){
if(history.replaceState){
history.replaceState(null,document.title,url);
history.go(0);
}else{
location.replace(url);
}
}
解决offsetX兼容性问题
//针对火狐不支持offsetX/Y
functiongetOffset(e){
vartarget=e.target,//当前触发的目标对象
eventCoord,
pageCoord,
offsetCoord;
//计算当前触发元素到文档的距离
pageCoord=getPageCoord(target);
//计算光标到文档的距离
eventCoord={
X:window.pageXOffset+e.clientX,
Y:window.pageYOffset+e.clientY
};
//相减获取光标到第一个定位的父元素的坐标
offsetCoord={
X:eventCoord.X-pageCoord.X,
Y:eventCoord.Y-pageCoord.Y
};
returnoffsetCoord;
}
functiongetPageCoord(element){
varcoord={X:0,Y:0};
//计算从当前触发元素到根节点为止，
//各级offsetParent元素的offsetLeft或offsetTop值之和
while(element){
coord.X+=element.offsetLeft;
coord.Y+=element.offsetTop;
element=element.offsetParent;
}
returncoord;
}
打开一个窗体通用方法
functionopenWindow(url,windowName,width,height){
varx=parseInt(screen.width/2.0)-width/2.0;
vary=parseInt(screen.height/2.0)-height/2.0;
varisMSIE=navigator.appName=="MicrosoftInternetExplorer";
if(isMSIE){
varp="resizable=1,location=no,scrollbars=no,width=";
p=p+width;
p=p+",height=";
p=p+height;
p=p+",left=";
p=p+x;
p=p+",top=";
p=p+y;
retval=window.open(url,windowName,p);
}else{
varwin=window.open(
url,
"ZyiisPopup",
"top="+
y+
",left="+
x+
",scrollbars="+
scrollbars+
",dialog=yes,modal=yes,width="+
width+
",height="+
height+
",resizable=no"
);
eval("try{win.resizeTo(width,height);}catch(e){}");
win.focus();
}
}
将键值对拼接成URL带参数
exportdefaultconstfnParams2Url=obj=>{
letaUrl=[]
letfnAdd=function(key,value){
returnkey+'='+value
}
for(varkinobj){
aUrl.push(fnAdd(k,obj[k]))
}
returnencodeURIComponent(aUrl.join('&'))
}
去掉url前缀
functionremoveUrlPrefix(a){
a=a
.replace(/：/g,":")
.replace(/．/g,".")
.replace(/／/g,"/");
while(
trim(a)
.toLowerCase()
.indexOf("http://")==0
){
a=trim(a.replace(/http:\/\//i,""));
}
returna;
}
替换全部
String.prototype.replaceAll=function(s1,s2){
returnthis.replace(newRegExp(s1,"gm"),s2);
};
resize的操作
(function(){
varfn=function(){
varw=document.documentElement
?document.documentElement.clientWidth
:document.body.clientWidth,
r=1255,
b=Element.extend(document.body),
classname=b.className;
if(w
滚动到顶部
//使用document.documentElement.scrollTop或document.body.scrollTop获取到顶部的距离，从顶部
//滚动一小部分距离。使用window.requestAnimationFrame()来滚动。
//@example
//scrollToTop();
functionscrollToTop(){
varc=document.documentElement.scrollTop||document.body.scrollTop;
if(c>0){
window.requestAnimationFrame(scrollToTop);
window.scrollTo(0,c-c/8);
}
}
设置cookie值
functionsetCookie(name,value,Hours){
vard=newDate();
varoffset=8;
varutc=d.getTime()+d.getTimezoneOffset()*60000;
varnd=utc+3600000*offset;
varexp=newDate(nd);
exp.setTime(exp.getTime()+Hours*60*60*1000);
document.cookie=
name+
"="+
escape(value)+
";path=/;expires="+
exp.toGMTString()+
";domain=360doc.com;";
}
设为首页
functionsetHomepage(){
if(document.all){
document.body.style.behavior="url(#default#homepage)";
document.body.setHomePage("http://w3cboy.com");
}elseif(window.sidebar){
if(window.netscape){
try{
netscape.security.PrivilegeManager.enablePrivilege(
"UniversalXPConnect"
);
}catch(e){
alert(
"该操作被浏览器拒绝，如果想启用该功能，请在地址栏内输入about:config,然后将项signed.applets.codebase_principal_support值该为true"
);
}
}
varprefs=Components.classes[
"@mozilla.org/preferences-service;1"
].getService(Components.interfaces.nsIPrefBranch);
prefs.setCharPref("browser.startup.homepage","http://w3cboy.com");
}
}
按字母排序，对每行进行数组排序
functionsetSort(){
vartext=K1.value
.split(/[\r\n]/)
.sort()
.join("\r\n");//顺序
vartest=K1.value
.split(/[\r\n]/)
.sort()
.reverse()
.join("\r\n");//反序
K1.value=K1.value!=text?text:test;
}
延时执行
//比如sleep(1000)意味着等待1000毫秒，还可从Promise、Generator、Async/Await等角度实现。
//Promise
constsleep=time=>{
returnnewPromise(resolve=>setTimeout(resolve,time));
};
sleep(1000).then(()=>{
console.log(1);
});
//Generator
function*sleepGenerator(time){
yieldnewPromise(function(resolve,reject){
setTimeout(resolve,time);
});
}
sleepGenerator(1000)
.next()
.value.then(()=>{
console.log(1);
});
//async
functionsleep(time){
returnnewPromise(resolve=>setTimeout(resolve,time));
}
asyncfunctionoutput(){
letout=awaitsleep(1000);
console.log(1);
returnout;
}
output();
functionsleep(callback,time){
if(typeofcallback==="function"){
setTimeout(callback,time);
}
}
functionoutput(){
console.log(1);
}
sleep(output,1000);
判断是否以某个字符串开头
String.prototype.startWith=function(s){
returnthis.indexOf(s)==0;
};
清除脚本内容
functionstripscript(s){
returns.replace(/.*?<\/script>/gi,"");
}
时间个性化输出功能
/*
1、<60s,显示为“刚刚”
2、>=1min&&<60min,显示与当前时间差“XX分钟前”
3、>=60min&&<1day,显示与当前时间差“今天XX:XX”
4、>=1day&&<1year,显示日期“XX月XX日XX:XX”
5、>=1year,显示具体日期“XXXX年XX月XX日XX:XX”
*/
functiontimeFormat(time){
vardate=newDate(time),
curDate=newDate(),
year=date.getFullYear(),
month=date.getMonth()+10,
day=date.getDate(),
hour=date.getHours(),
minute=date.getMinutes(),
curYear=curDate.getFullYear(),
curHour=curDate.getHours(),
timeStr;
if(yearcurHour){
timeStr=month+"月"+day+"日"+hour+":"+minute;
}elseif(pastH>=1){
timeStr="今天"+hour+":"+minute+"分";
}else{
varpastM=curDate.getMinutes()-minute;
if(pastM>1){
timeStr=pastM+"分钟前";
}else{
timeStr="刚刚";
}
}
}
returntimeStr;
}
全角转换为半角函数
functiontoCDB(str){
varresult="";
for(vari=0;i=65281&&code<=65374){
result+=String.fromCharCode(str.charCodeAt(i)-65248);
}elseif(code==12288){
result+=String.fromCharCode(str.charCodeAt(i)-12288+32);
}else{
result+=str.charAt(i);
}
}
returnresult;
}
半角转换为全角函数
functiontoDBC(str){
varresult="";
for(vari=0;i=33&&code<=126){
result+=String.fromCharCode(str.charCodeAt(i)+65248);
}elseif(code==32){
result+=String.fromCharCode(str.charCodeAt(i)+12288-32);
}else{
result+=str.charAt(i);
}
}
returnresult;
}
金额大写转换函数
functiontransform(tranvalue){
try{
vari=1;
vardw2=newArray("","万","亿");//大单位
vardw1=newArray("拾","佰","仟");//小单位
vardw=newArray(
"零",
"壹",
"贰",
"叁",
"肆",
"伍",
"陆",
"柒",
"捌",
"玖"
);
//整数部分用
//以下是小写转换成大写显示在合计大写的文本框中
//分离整数与小数
varsource=splits(tranvalue);
varnum=source[0];
vardig=source[1];
//转换整数部分
vark1=0;//计小单位
vark2=0;//计大单位
varsum=0;
varstr="";
varlen=source[0].length;//整数的长度
for(i=1;i<=len;i++){
varn=source[0].charAt(len-i);//取得某个位数上的数字
varbn=0;
if(len-i-1>=0){
bn=source[0].charAt(len-i-1);//取得某个位数前一位上的数字
}
sum=sum+Number(n);
if(sum!=0){
str=dw[Number(n)].concat(str);//取得该数字对应的大写数字，并插入到str字符串的前面
if(n=="0")sum=0;
}
if(len-i-1>=0){
//在数字范围内
if(k1!=3){
//加小单位
if(bn!=0){
str=dw1[k1].concat(str);
}
k1++;
}else{
//不加小单位，加大单位
k1=0;
vartemp=str.charAt(0);
if(temp=="万"||temp=="亿")
//若大单位前没有数字则舍去大单位
str=str.substr(1,str.length-1);
str=dw2[k2].concat(str);
sum=0;
}
}
if(k1==3){
//小单位到千则大单位进一
k2++;
}
}
//转换小数部分
varstrdig="";
if(dig!=""){
varn=dig.charAt(0);
if(n!=0){
strdig+=dw[Number(n)]+"角";//加数字
}
varn=dig.charAt(1);
if(n!=0){
strdig+=dw[Number(n)]+"分";//加数字
}
}
str+="元"+strdig;
}catch(e){
return"0元";
}
returnstr;
}
//拆分整数与小数
functionsplits(tranvalue){
varvalue=newArray("","");
temp=tranvalue.split(".");
for(vari=0;i
清除空格
String.prototype.trim=function(){
varreExtraSpace=/^\s*(.*?)\s+$/;
returnthis.replace(reExtraSpace,"$1");
};
//清除左空格
functionltrim(s){
returns.replace(/^(\s*|*)/,"");
}
//清除右空格
functionrtrim(s){
returns.replace(/(\s*|*)$/,"");
}
随机数时间戳
functionuniqueId(){
vara=Math.random,
b=parseInt;
return(
Number(newDate()).toString()+b(10*a())+b(10*a())+b(10*a())
);
}
实现utf8解码
functionutf8_decode(str_data){
vartmp_arr=[],
i=0,
ac=0,
c1=0,
c2=0,
c3=0;
str_data+="";
while(i191&&c1<224){
c2=str_data.charCodeAt(i+1);
tmp_arr[ac++]=String.fromCharCode(((c1&31)<<6)|(c2&63));
i+=2;
}else{
c2=str_data.charCodeAt(i+1);
c3=str_data.charCodeAt(i+2);
tmp_arr[ac++]=String.fromCharCode(
((c1&15)<<12)|((c2&63)<<6)|(c3&63)
);
i+=3;
}
}
returntmp_arr.join("");
}
以下是Puxiao投稿推荐的几个函数，用作常见的输入值校验和替换操作，主要针对中国大陆地区的校验规则：
校验是否为一个数字，以及该数字小数点位数是否与参数floats一致
校验规则：
- 若参数floats有值，则校验该数字小数点后的位数。
- 若参数floats没有值，则仅仅校验是否为数字。
functionisNum(value,floats=null){
letregexp=newRegExp(`^[1-9][0-9]*.[0-9]{${floats}}$|^0.[0-9]{${floats}}$`);
returntypeofvalue==='number'&&floats?regexp.test(String(value)):true;
}
functionanysicIntLength(minLength,maxLength){
letresult_str='';
if(minLength){
switch(maxLength){
caseundefined:
result_str=result_str.concat(`{${minLength-1}}`);
break;
casenull:
result_str=result_str.concat(`{${minLength-1},}`);
break;
default:
result_str=result_str.concat(`{${minLength-1},${maxLength-1}}`);
}
}else{
result_str=result_str.concat('*');
}
returnresult_str;
}
校验是否为非零的正整数
functionisInt(value,minLength=null,maxLength=undefined){
if(!isNum(value))returnfalse;
letregexp=newRegExp(`^-?[1-9][0-9]${anysicIntLength(minLength,maxLength)}$`);
returnregexp.test(value.toString());
}
校验是否为非零的正整数
functionisPInt(value,minLength=null,maxLength=undefined){
if(!isNum(value))returnfalse;
letregexp=newRegExp(`^[1-9][0-9]${anysicIntLength(minLength,maxLength)}$`);
returnregexp.test(value.toString());
}
校验是否为非零的负整数
functionisNInt(value,minLength=null,maxLength=undefined){
if(!isNum(value))returnfalse;
letregexp=newRegExp(`^-[1-9][0-9]${anysicIntLength(minLength,maxLength)}$`);
returnregexp.test(value.toString());
}
校验整数是否在取值范围内
校验规则：
- minInt为在取值范围中最小的整数
- maxInt为在取值范围中最大的整数
functioncheckIntRange(value,minInt,maxInt=9007199254740991){
returnBoolean(isInt(value)&&(Boolean(minInt!=undefined&&minInt!=null)?value>=minInt:true)&&(value<=maxInt));
}
校验是否为中国大陆手机号
functionisTel(value){
return/^1[3,4,5,6,7,8,9][0-9]{9}$/.test(value.toString());
}
校验是否为中国大陆传真或固定电话号码
functionisFax(str){
return/^([0-9]{3,4})?[0-9]{7,8}$|^([0-9]{3,4}-)?[0-9]{7,8}$/.test(str);
}
校验是否为邮箱地址
functionisEmail(str){
return/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(str);
}
校验是否为QQ号码
校验规则：
- 非0开头的5位-13位整数
functionisQQ(value){
return/^[1-9][0-9]{4,12}$/.test(value.toString());
}
校验是否为网址
校验规则：
- 以https://、http://、ftp://、rtsp://、mms://开头、或者没有这些开头
- 可以没有www开头(或其他二级域名)，仅域名
- 网页地址中允许出现/%*?@&等其他允许的符号
functionisURL(str){
return/^(https:\/\/|http:\/\/|ftp:\/\/|rtsp:\/\/|mms:\/\/)?[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/.test(str);
}
校验是否为不含端口号的IP地址
校验规则：
- IP格式为xxx.xxx.xxx.xxx，每一项数字取值范围为0-255
- 除0以外其他数字不能以0开头，比如02
functionisIP(str){
return/^((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])\.){3}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])$/.test(str);
}
校验是否为IPv6地址
校验规则：
- 支持IPv6正常格式
- 支持IPv6压缩格式
functionisIPv6(str){
returnBoolean(str.match(/:/g)?str.match(/:/g).length<=7:false&&/::/.test(str)?/^([\da-f]{1,4}(:|::)){1,6}[\da-f]{1,4}$/i.test(str):/^([\da-f]{1,4}:){7}[\da-f]{1,4}$/i.test(str));
}
校验是否为中国大陆第二代居民身份证
校验规则：
- 共18位，最后一位可为X(大小写均可)
- 不能以0开头
- 出生年月日会进行校验：年份只能为18/19/2*开头，月份只能为01-12，日只能为01-31
functionisIDCard(str){
return/^[1-9][0-9]{5}(18|19|(2[0-9]))[0-9]{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)[0-9]{3}[0-9Xx]$/.test(str);
}
校验是否为中国大陆邮政编码
参数value为数字或字符串
校验规则：
- 共6位，且不能以0开头
functionisPostCode(value){
return/^[1-9][0-9]{5}$/.test(value.toString());
}
校验两个参数是否完全相同，包括类型
校验规则：
- 值相同，数据类型也相同
functionsame(firstValue,secondValue){
returnfirstValue===secondValue;
}
校验字符的长度是否在规定的范围内
校验规则：
- minInt为在取值范围中最小的长度
- maxInt为在取值范围中最大的长度
functionlengthRange(str,minLength,maxLength=9007199254740991){
returnBoolean(str.length>=minLength&&str.length<=maxLength);
}
校验字符是否以字母开头
校验规则：
- 必须以字母开头
- 开头的字母不区分大小写
functionletterBegin(str){
return/^[A-z]/.test(str);
}
校验字符是否为纯数字(整数)
校验规则：
- 字符全部为正整数(包含0)
- 可以以0开头
functionpureNum(str){
return/^[0-9]*$/.test(str);
}
functionanysicPunctuation(str){
if(!str)returnnull;
letarr=str.split('').map(item=>{
returnitem='\\'+item;
});
returnarr.join('|');
}
functiongetPunctuation(str){
returnanysicPunctuation(str)||'\\~|\\`|\\!|\\@|\\#|\\$|\\%|\\^|\\&|\\*|\\(|\\)|\\-|\\_|\\+|\\=|\\||\\\|\\[|\\]|\\{|\\}|\\;|\\:|\\"|\\\'|\\,|\\<|\\.|\\>|\\/|\\?';
}
functiongetExcludePunctuation(str){
letregexp=newRegExp(`[${anysicPunctuation(str)}]`,'g');
returngetPunctuation('~`!@#$%^&*()-_+=\[]{};:"\',<.>/?'.replace(regexp,''));
}
返回字符串构成种类(字母，数字，标点符号)的数量
LIP缩写的由来：L(letter字母)+I(uint数字)+P(punctuation标点符号)
参数punctuation的说明：
- punctuation指可接受的标点符号集
- 若需自定义符号集，例如“仅包含中划线和下划线”，将参数设置为"-_"即可
- 若不传值或默认为null，则内部默认标点符号集为除空格外的其他英文标点符号：~`!@#$%^&*()-_+=[]{};:"',<.>/?
functiongetLIPTypes(str,punctuation=null){
letp_regexp=newRegExp('['+getPunctuation(punctuation)+']');
return/[A-z]/.test(str)+/[0-9]/.test(str)+p_regexp.test(str);
}
校验字符串构成的种类数量是否大于或等于参数num的值。通常用来校验用户设置的密码复杂程度。
校验规则：
- 参数num为需要构成的种类(字母、数字、标点符号)，该值只能是1-3。
- 默认参数num的值为1，即表示：至少包含字母，数字，标点符号中的1种
- 若参数num的值为2，即表示：至少包含字母，数字，标点符号中的2种
- 若参数num的值为3，即表示：必须同时包含字母，数字，标点符号
- 参数punctuation指可接受的标点符号集，具体设定可参考getLIPTypes()方法中关于标点符号集的解释。
functionpureLIP(str,num=1,punctuation=null){
letregexp=newRegExp(`[^A-z0-9|${getPunctuation(punctuation)}]`);
returnBoolean(!regexp.test(str)&&getLIPTypes(str,punctuation)>=num);
}
清除所有空格
functionclearSpaces(str){
returnstr.replace(/[]/g,'');
}
清除所有中文字符(包括中文标点符号)
functionclearCNChars(str){
returnstr.replace(/[\u4e00-\u9fa5]/g,'');
}
清除所有中文字符及空格
functionclearCNCharsAndSpaces(str){
returnstr.replace(/[\u4e00-\u9fa5]/g,'');
}
除保留标点符号集以外，清除其他所有英文的标点符号(含空格)
全部英文标点符号为：~`!@#$%^&*()-_+=[]{};:"',<.>/?
参数excludePunctuation指需要保留的标点符号集，例如若传递的值为'_'，即表示清除_以外的其他所有英文标点符号。
functionclearPunctuation(str,excludePunctuation=null){
letregexp=newRegExp(`[${getExcludePunctuation(excludePunctuation)}]`,'g');
returnstr.replace(regexp,'');
}
校验是否包含空格
functionhaveSpace(str){
return/[]/.test(str);
}
校验是否包含中文字符(包括中文标点符号)
functionhaveCNChars(str){
return/[\u4e00-\u9fa5]/.test(str);
}
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容可查看本站专题：《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。