小編給大家分享一下如何解決laydate.js加載laydate.css路徑錯誤問題，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司是一家專業(yè)提供簡陽企業(yè)網站建設,專注與成都做網站、成都網站建設、html5、小程序制作等業(yè)務。10年已為簡陽眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網絡公司優(yōu)惠進行中。

前言

laydate.js是屬于Javascript系列的一款日期控件與時間插件,laydate.js支持兼容IE6在內的主流瀏覽器。laydate.js經過賢心大大的重寫之后功能越來越強大，用起來也愈漸靈活了，但是在一個基于angular+ocLazyLoad的項目中出了點問題。

發(fā)現(xiàn)問題

laydate.js是通過ocLazyLoad異步加載引入的，結果始終加載不出來laydate.css文件，看了下路徑錯誤，于是扒開代碼發(fā)現(xiàn)是這樣寫的：

getPath:function(){
 var e=document.scripts,
 t=e[e.length-1],
 n=t.src;
 if(!t.getAttribute("merge"))
 return n.substring(0,n.lastIndexOf("/")+1)
}()

它是需要先獲取到laydate.js的路徑，然后再加上laydate.css的那一截最終拼接成一個完整的路徑。

作者用的獲取laydate.js路徑的思路是：由于判斷路徑的js代碼一般都直接放在js文件中而不是函數(shù)中，所以當加載該js文件時會立即執(zhí)行其中的語句，而執(zhí)行此語句時所獲取到的js文件數(shù)目正好是e.length-1，因為頁面后面的js文件還沒有加載，所以該處的js文件獲取的數(shù)目并不是頁面所有的js文件的數(shù)目。這樣一來，獲取路徑就無需再遍歷了，而且文件判斷也無需文件名，判斷更加準確(e.length-1永遠都是其文件本身)。

但是這種方法有缺陷，直接在html頁面中用script標簽引入沒得問題，如果通過document.write("<script src='*.js'></script")或document.createElement("script")動態(tài)加載亦或者異步加載等得到的路徑卻是最后一個js文件的路徑，而非當前j文件的路徑。

于是想起了document.currentScript ，一步就能到位，但是存在一定的兼容性問題。

var curSrc = document.currentScript.src;
return curSrc.substring(0,curSrc.lastIndexOf("/")+1);

最終還是使用了下面這種簡單粗暴的方法：

getPath:function(){
 var e=document.scripts, n;
 for(var i=e.length;i>0;i--){
 if(e[i-1].src.indexOf("laydate.js")>-1){
 n=e[i-1].src.substring(0,e[i-1].src.lastIndexOf("/")+1);
 }
 }
 return n;
}()

這種方法的思路很清晰，根據(jù)文件名獲取引用的文件的src屬性并進行判斷截取即可。但這種辦法有以下兩個缺點：

1、需要遍歷頁面的所有js文件，有時可能效率會比較低。（我頁面的js文件沒幾個，哈哈）

2、如果頁面中出現(xiàn)目錄不同的重名的js文件則可能判斷錯誤。

以上是“如何解決laydate.js加載laydate.css路徑錯誤問題”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)成都網站設計公司行業(yè)資訊頻道！

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

本文名稱：如何解決laydate.js加載laydate.css路徑錯誤問題-創(chuàng)新互聯(lián)
URL標題：http://vcdvsql.cn/article12/ccehgc.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網站建設、商城網站、網站導航、面包屑導航、網站內鏈、網站策劃

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)