javascript - 在加载 javascript 之前让页面加载的代码不起作用

Question

我有五个外部 JavaScript 文件，它们使页面在这些文件完成加载之前等待加载。

我已经阅读了很多关于删除渲染阻塞 javascript 的文章，看起来最好的方法是使用下面的代码让页面在加载 javascript 之前加载。

唯一的问题是我无法让这段代码在我的网站上运行。

我尝试将它放在 end-body 标签之前和之后，但没有任何反应。

我错过了什么吗？代码有问题还是我必须做的其他事情？

谢谢!

<script type="text/javascript">
    function downloadJSAtOnload() {
        var element = document.createElement("script");
        element.src = "yourjavascripttoload.js";
        document.body.appendChild(element);
    }

   if (window.addEventListener)
       window.addEventListener("load", downloadJSAtOnload, false);
   else if (window.attachEvent)
       window.attachEvent("onload", downloadJSAtOnload);
   else window.onload = downloadJSAtOnload;
</script>

Answer 1

首先检查外部脚本文件的确切位置。然后把这个脚本放在 </body> 之前标签。

<script type="text/javascript">
   var script = document.createElement('script');
   script.setAttribute('src', 'http://yourdomian.com/yourjavascripttoload.js');
   script.setAttribute('type', 'text/javascript');
   document.getElementsByTagName('head')[0].appendChild(script);
</script>

或者在 Jquery 中

$(document).ready(function(){
     $.getScript("yourjavascripttoload.js", function(){
       alert("Script loaded and executed.");
     });
});