javascript小技能總結(jié)(推薦)_javascript技巧

javascript小技能總結(jié)(推薦)_javascript技巧

ID:30768871

大小:82.50 KB

頁數(shù):7頁

時(shí)間:2019-01-03

javascript小技能總結(jié)(推薦)_javascript技巧_第1頁
javascript小技能總結(jié)(推薦)_javascript技巧_第2頁
javascript小技能總結(jié)(推薦)_javascript技巧_第3頁
javascript小技能總結(jié)(推薦)_javascript技巧_第4頁
javascript小技能總結(jié)(推薦)_javascript技巧_第5頁
資源描述:

《javascript小技能總結(jié)(推薦)_javascript技巧》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在工程資料-天天文庫

1、Javascript小技能總結(jié)(推薦)廢話不多說,直接上干貨。。具體代碼如下所示:/*碗截取字符串長度,漢字算2個(gè)字符??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;/*昶對可見元素進(jìn)行隱藏??: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;}/*@@對持有不同設(shè)備的設(shè)備引用不同的樣式@@if判斷是否某種設(shè)備*/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);});/*碗檢查圖片是否加載完畢@@有時(shí)你或許要檢查圖片是否完全加載完畢,才能在腳本中進(jìn)行后續(xù)操作:碗你也可以通過把img標(biāo)簽替換成1D或class,來檢查特定圖片是否加載完成。*/$(,img,).load(function(){console.log('imageloadsuccessful');});/*碗動修復(fù)損壞的圖片昶如果你發(fā)現(xiàn)口己網(wǎng)站的圖片鏈接掛了,一個(gè)一個(gè)替換很麻煩。這段簡單的代碼可以幫上大忙;@@即使你沒有任何損壞的鏈接,增加這

8、段代碼也不會有什么影響。*/$('img').on('error',function(){$(this)?prop(Jsrc','img/brokcn.png');});/*@@Ilover上的Class切換碗如果用戶的鼠標(biāo)懸停在頁而上某個(gè)可點(diǎn)擊元素時(shí),你想要改變這個(gè)元素的視覺表現(xiàn)??梢允褂孟旅孢@段代碼,當(dāng)用戶懸停時(shí),為該元素增加一個(gè)class;當(dāng)用戶鼠標(biāo)離開后移除這個(gè)class:*/$('?btn')?hover(function(){$(this).addClass('hover');},function(){$(this).removeClass('hover,);});或

9、$('.btn')?hover(function(){$(this).toggleClass('hover,);});/*@@禁用input字段@@有吋你也許想讓表單-的提交按鈕或其文木輸入框變得不可用,直到用戶執(zhí)行了一個(gè)特定行為(例如確認(rèn)“我已經(jīng)閱讀該條款”的復(fù)選框)。增加disabledattribute到你的input,就可以實(shí)現(xiàn)口己想要的效果*/$(,input[type二〃submit"]')?propCdisabled,,true);$(,input[type二〃su

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時(shí)可能會顯示錯(cuò)亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時(shí)聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請聯(lián)系客服處理。