如何动态加载Javascript脚本

一类方法，可以动态加载Js脚本，支持所有浏览器，方法如下：

function LoadScript( url ) {
        document.write('<scr'+'ipt type="text/javascript" scr="' + url + '"></scr' + 'ipt>');
}

调用方法：

LoadScript('../fckconfig.js');

以下是个完整的例子：

<script type="text/javascript">
   
function loadScript(url)
{
   document.write('<script src="', url, '" type="text/javascript"></script>');
}

loadScript(navigator.appName.indexOf("Microsoft") != -1 ? "ie_msg.js" : "ns_msg.js");

</script>

 

 

现在这里给出第二种方法，本人觉得没有上一个方法好：

/* Impot Common script*/
    function addJS(jsfile)
    {
        var head = document.getElementsByTagName('HEAD').item(0);
        var script = document.createElement('SCRIPT');
        script.src = jsfile;
        script.type = "text/javascript";
        head.appendChild(script);
    }
 
    function addCSS(cssfile) { 
        var head = document.getElementsByTagName('HEAD').item(0);
        var style = document.createElement('link');
        style.href = cssfile;
        style.rel = 'stylesheet'
        style.type = 'text/css';
        head.appendChild(style);
    }
   
/* LoadScripts at here.*/

    function LoadScripts()
    {
        addJS(_ResourcePath+"Scripts/ToolBar.js");
    }
   
    function LoadCSS()
    {
        addCSS(_ResourcePath+"Styles/default.css");
    }

以下是比较标准的例子，供参考：

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)
}

loadjscssfile("myscript.js", "js")         //dynamically load and add this .js file
loadjscssfile("javascript.php", "js")   //dynamically load "javascript.php" as a JavaScript file
loadjscssfile("mystyle.css", "css")    //dynamically load and add this .css file