[javascript]如何動態載入javascript / css 資源
發表於 : 2020年 3月 24日, 10:06
利用 html dom appendChild 的方式, 將資源載入即可.
參考資料:
http://www.javascriptkit.com/javatutors ... tcss.shtml
代碼: 選擇全部
function loadjscssfile(filename, filetype){
if (filetype=="js"){ //if filename is a external JavaScript file
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
}
else if (filetype=="css"){ //if filename is an external CSS file
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
document.getElementsByTagName("head")[0].appendChild(fileref)
}
http://www.javascriptkit.com/javatutors ... tcss.shtml