javascript引用javascript的方法

最新推荐文章于 2024-06-09 19:30:00 发布

原创最新推荐文章于 2024-06-09 19:30:00 发布 · 793 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #function #js #web #html

WEB编程专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种在网页中高效加载多个JavaScript文件的方法。通过使用一个内置函数，可以将多个JS文件路径放入数组中，然后统一进行加载。这种方法能够简化代码，并且适用于不同浏览器环境。

1.直接在html中一起引用

2.将一个js文件全部复制到另一个js文件中

3.利用js内置函数实现js的引用

(function() {
var jsfiles = new Array(
            "script/jquery.js",
            "script/aaa.js"
        ); 
        var agent = navigator.userAgent;
        var docWrite = (agent.match("MSIE") || agent.match("Safari"));
        if(docWrite) {
            var allScriptTags = new Array(jsfiles.length);
        }
        var host = "lib/";    //文件的所在目录
        for (var i=0, len=jsfiles.length; i<len; i++) {
            if (docWrite) {
                allScriptTags[i] = "<script src='" + host + jsfiles[i] +
                                   "'></script>"; 
            } else {
                var s = document.createElement("script");
                s.src = host + jsfiles[i];
                var h = document.getElementsByTagName("head").length ? 
                           document.getElementsByTagName("head")[0] : 
                           document.body;
                h.appendChild(s);
            }
        }
        if (docWrite) {
            document.write(allScriptTags.join(""));
        }
})();

引用的JS放到数组里就行了 jsfiles