网页程序设计之JavaScript代码段.docx

网页程序设计之JavaScript代码段

网页程序设计之实用JavaScript代码段 JavaScript正变得越来越流行，它已经成为前端开发的第一选择。下面是小编收集的10段实用JavaScript代码，基于它们你还可以创造出更强大的JS插件或功能函数。 1.判断日期是否有效 JavaScript中自带的日期函数还是太过简单，很难满足真实项目中对不同日期格式进行解析和判断的需要。JQuery也有一些第三方库来使日期相关的处理变得简单，但有时你可能只需要一个非常简单的函数，而不想引入一个庞大的第三方库。这时，你可以使用下面这段日期校验代码，它允许你自定义日期格式并进行日期有效性的校验。 functionisValidDate(value,userFormat){ //Setdefaultformatifformatisnotprovided userFormat=userFormat||'mm/dd/yyyy'; //Findcustomdelimiterbyexcluding //month,dayandyearcharacters vardelimiter=/[^mdy]/.exec(userFormat)[0]; //Createanarraywithmonth,dayandyear //soweknowtheformatorderbyindex vartheFormat=userFormat.split(delimiter); //Createarrayfromuserdate vartheDate=value.split(delimiter); functionisDate(date,format){ varm,d,y,i=0,len=format.length,f; for(i;i f=format[i]; if(/m/.test(f))m=date[i]; if(/d/.test(f))d=date[i]; if(/y/.test(f))y=date[i]; } return( m>0&&m y&&y.length===4&& d>0&& //Checkifit'savaliddayofthemonth d ); } returnisDate(theDate,theFormat); } 使用方法： 下面这个调用返回false，因为11月份没有31天 isValidDate('dd-mm-yyyy','31/11/2012') 2.获取一组元素的最大宽度或高度 下面这个函数，对于需要进行动态排版的开发人员非常有用。 vargetMaxHeight=function($elms){ varmaxHeight=0; $elms.each(function(){ //InsomecasesyoumaywanttouseouterHeight()instead varheight=$(this).height(); if(height>maxHeight){ maxHeight=height; } }); returnmaxHeight; }; 使用方法： $(elements).height(getMaxHeight($(elements))); 3.高亮文本 有很多JQuery的第三方库可以实现高亮文本的功能，但我更喜欢用下面这一小段JavaScript代码来实现这个功能，它非常短小，而且可以根据我的需要去进行灵活的修改，而且可以自己定义高亮的样式。下面这两个函数可以帮助你创建自己的文本高亮插件。 functionhighlight(text,words,tag){ //Defaulttagifnotagisprovided tag=tag||'span'; vari,len=words.length,re; for(i=0;i //Globalregextohighlightallmatches re=newRegExp(words[i],'g'); if(re.test(text)){ text=text.replace(re,'$&'); } } returntext; } 你同样会需要取消高亮的函数： functionunhighlight(text,tag){ //Defaulttagifnotagisprovided tag=tag||'span'; varre=newRegExp('(|)','g'); returntext.replace(re,''); } 使用方法： $('p').html(highlight( $('p').html(),//thetext ['foo','bar','baz','helloworld'],//listofwordsorphrasestohighlight 's