javascript - 延迟加载 Javascript 以加速我的 Joomla

Question

我正在使用 joomla 网站，并且被迫使用额外的 java 脚本。

我的问题是:

1. 如何仅在页面完成后强制加载 JavaScript
2. 我的意思不是延迟它们，而是将它们放入队列直到页面完成加载。

我尝试了很多链接教程，但没有任何帮助。

请，

您能否提供正确的示例以便我理解。

我插入到页面底部的 JS 文件示例:

<script src="/js/easing.js" type="text/javascript"></script>

您能否提供 Jquery 代码来强制所有这些脚本等待页面加载完成？

谢谢

塔里克

Answer 1

Ales Kotnik 的回答非常好，如果你想在自己的特定时间做这件事，你可以这样做:

function loadScript(url, callback){

var script = document.createElement("script")
script.type = "text/javascript";

if (script.readyState){  //IE
    script.onreadystatechange = function(){
        if (script.readyState == "loaded" ||
                script.readyState == "complete"){
            script.onreadystatechange = null;
            callback();
        }
    };
} else {  //Others
    script.onload = function(){
        callback();
    };
}

script.src = url;
document.getElementsByTagName("head")[0].appendChild(script);
}

这只会在您调用脚本时加载脚本，然后像这样激活它:

<script type="text/javascript" src="http://your.cdn.com/first.js"></script>
<script type="text/javascript">
loadScript("http://your.cdn.com/second.js", function(){
    //initialization code
});
</script>