用js載入js css,無路徑限制

2021-08-04 09:24:09 字數 674 閱讀 9025

html中需要載入很多css/js,這時候很多人選擇把這些指令碼與樣式表放在乙個js指令碼(命名此指令碼為a)中載入,這樣會使得html看起來很簡潔,此方法可以使用。

另一種情況:

如果a與其它js/css是乙個整體(如:封裝好的外掛程式),而這個整體相對於html的路徑不固定,這時候html只能載入到a,而其它js/css卻路徑錯誤,怎麼辦?

下面就解決這個問題

把下面**寫在a中,用此**來載入js/css即可

/*載入js/css  */

;!function() (),

head:function()(),

adlink:function(link);

};},

adscript:function(src);

};} };

// 把要載入的css相對於此js指令碼的路徑寫在link陣列中

// 把要載入的js相對於此js指令碼的路徑寫在src陣列中

var link = ['../../other/css/cs.css'];

var src = ['../../other/js1.js','../../other/js2.js'];

tt.adlink(link);

tt.adscript(src);

}(window);

使用js載入器動態載入外部js css檔案

let minisite new object 判斷瀏覽器 minisite.browser 載入外部的檔案 param surl 要載入的檔案的url位址 param filetype 要載入的檔案的型別 fcallback 檔案載入完成之後的處理函式 minisite.jsloader func...

js外掛程式動態載入js css解決方案

最近因為工作需要做了乙個js自動匯入的外掛程式,一開始很天真的以為動態建立個script新增到head中就ok了,試了之後才發現了問題,就是如果同時引入了多個js檔案,而且後乙個檔案中用到了前乙個檔案中的變數,那就會報錯,靠 悲催了,就是說js如果動態載入 非瀏覽器載入因為瀏覽器載入時同步載入的會等...

用js判斷頁面是否載入完畢

用document.onreadystatechange的方法來監聽狀態改變,然後用document.readystate complete 判斷是否載入完成 document.onreadystatechange function document.readystate 判斷文件是否載入完成。fi...