Question

我正在尝试使用javascript异步加载文件文件，这是代码：

        var jsFiles = [ 'js/enscroll.min.js', 
                        'js/jp_custom.js', 
                        'js/jquery.uploadifive.js', 
                        'js/raphael-min.js', 
                        'js/pgloader.js', 
                        'js/jquery.custom.js' ];

        for( var i=0, j=jsFiles.length; i < j; i++ ){
            var file = jsFiles.shift();
            asyncLoader(file, i);
        }

        function asyncLoader( filename, position, fileType ){
            var type = typeof fileType == "undefined" ? "script" : fileType, 
                resource = document.createElement(type), 
                script = document.getElementsByTagName(type)[position+1];

            resource.src  = filename;
            resource.type = "text/javascript";

            script.parentNode.insertBefore(resource, script);
        }

我在文件顶部的<head></head>标记下使用此代码，以下是使用文件相关功能的方法：

$(function(){
    $(window).load(function(){
        // Start to use the related files
    });
})

在页面底部，以便在加载窗口后我的文件正常工作，我只想知道这是减少页面加载时间（只有javascript）的最佳方法吗？或者我需要用它来提高效率？

更有效的异步加载JavaScript文件的方法

0 个答案: