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

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