[javascript]如何動態載入javascript / css 資源

有關網頁及相關語法的討論
回覆文章
頭像
tim
文章: 1379
註冊時間: 2008年 11月 26日, 00:49

[javascript]如何動態載入javascript / css 資源

文章 tim »

利用 html dom appendChild 的方式, 將資源載入即可.

代碼: 選擇全部

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
多多留言, 整理文章, 把經驗累積下來.....
回覆文章