IncludeFile.js

出自ProgWiki

用途

• 動態載入CSS檔或JS檔。
• 已在IE7與FireFox3驗證過可行性。
• 技術出處：
  1. TIPS-如何動態載入Javascript或CSS?
  2. MediaWiki JavaScript support functions

程式碼

var includeFile = {};
 
includeFile.headElement = document.getElementsByTagName("head")[0];
 
// included-JsFile tracker
includeFile.loadedJsFiles = {};
 
includeFile.js = function(strUrl) 
{
    if (includeFile.loadedJsFiles[strUrl])
    {
        return null;
    }
 
    includeFile.loadedJsFiles[strUrl] = true;
 
    var newJsObj = document.createElement('script');
    newJsObj.type = 'text/javascript';
    newJsObj.src = strUrl;
    includeFile.headElement.appendChild(newJsObj);
 
    return newJsObj;
}
 
 
// included-CssFile tracker
includeFile.loadedCssFiles = {};
 
includeFile.css = function(strUrl)
{
    if (includeFile.loadedCssFiles[strUrl])
    {
        return null;
    }
 
    includeFile.loadedCssFiles[strUrl] = true;
 
    var newCssObj = document.createElement('link');
    newCssObj.type = 'text/css';
    newCssObj.rel = "stylesheet";
    newCssObj.href = strUrl;
    includeFile.headElement.appendChild(newCssObj);
 
    return newCssObj;
}

相關

• jQuery的getScript功能

$.getScript("test.js");