javascript小技能总结(推荐)_javascript技巧

《javascript小技能总结(推荐)_javascript技巧》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、Javascript小技能总结（推荐）废话不多说，直接上干货。。具体代码如下所示：/*碗截取字符串长度，汉字算2个字符©©return[string]+'..."*/varsubString二function(str,len){varncwLcngth二0;varnewStr=〃“；varchineseRegex=/「x00-xff]/g;varsingleChar二〃“；varstrLength=str.replace(chineseRegex,“**“).length;for(vari=0;i

2、.toString();if(singleChar,match(chineseRegex)!=null){newLength+二2;}else{ncwLcngth++;}if(newLength>len){break;}newStr+二singlcChar;}if(strLength>len){newStr+二〃•••〃；}returnnewStr;/*昶对可见元素进行隐藏©©:visible判断是否为课件元素*/functionclose_window(){varflag=false;$(〃・di31og_con〃)・ceich(function(){if($(this)・is

3、(〃:visible")){flag二true;}})辻(flag二二true){$(〃・dialog_con“).hide();$("・dialogbox").hide();}else{window,android.callAndroidFinishO;}/*@@对持有不同设备的设备引用不同的样式@@if判断是否某种设备*/if(/(iPad

4、iPod

5、iOS)/i.test(navigator.userAgent)){setActiveStyleSheet(，zpad.css");}elseif(/(Android)

6、/i.test(navigator.userAgent)){setActiveStyleSheet(''common.css〃)；}elseif(/(iPhone6)/i.test(navigator.userAgent)){setActiveStyleSheet(z，iphone6.css〃)；}functionsetActiveStyleSheet(fi1ename){document.write(，Z<1inkhref二〃+filename+z，rcl二stylesheet〉")；}/*@@回到顶部动画@@*/$Ca.top，).click(functio

7、n(e){c.preventDcfault();$(document,body).animate({scrollTop:0},800);})；/*碗检查图片是否加载完毕@@有时你或许要检查图片是否完全加载完毕，才能在脚本中进行后续操作:碗你也可以通过把img标签替换成1D或class,来检查特定图片是否加载完成。*/$(，img，).load(function(){console.log('imageloadsuccessful');})；/*碗动修复损坏的图片昶如果你发现口己网站的图片链接挂了，一个一个替换很麻烦。这段简单的代码可以帮上大忙；@@即使你没有任何损坏的链接，增加这

8、段代码也不会有什么影响。*/$('img').on('error',function(){$(this)・prop(Jsrc','img/brokcn.png');})；/*@@Ilover上的Class切换碗如果用户的鼠标悬停在页而上某个可点击元素时，你想要改变这个元素的视觉表现。可以使用下面这段代码，当用户悬停时，为该元素增加一个class；当用户鼠标离开后移除这个class：*/$('・btn')・hover(function(){$(this).addClass('hover');},function(){$(this).removeClass('hover，);})；或

9、$('.btn')・hover(function(){$(this).toggleClass('hover，);})；/*@@禁用input字段@@有吋你也许想让表单-的提交按钮或其文木输入框变得不可用，直到用户执行了一个特定行为(例如确认“我已经阅读该条款”的复选框)。增加disabledattribute到你的input,就可以实现口己想要的效果*/$(，input[type二〃submit"]')・propCdisabled，,true);$(，input[type二〃su