javascript - $(window).on ("load",fn) 不工作

Question

我正在使用 jQuery 来检查网站资源是否正确加载。为了测试它是否有效，我在index.html中放入了一个错误的CSS文件。

如果我将以下代码放入头部中包含的 Javascript 文件中，则不会出现“CSS 缺失”消息。

$(window).on("load",function () {
   console.log("loaded")
   $("link").on("error",function(){
      console.log("CSS missing");
   });
});

相反，如果我将以下代码放在index.html中的正文末尾，则会打印消息加载错误

<script>
    $("link").on("error",function(){
        console.log("loading error");
    });
</script>

我需要 Javascript 文件工作，我做错了什么？

注意:使用 $(document).ready(fn) 也不起作用。

我无法在正文末尾包含 JavaScript，因为同一脚本还监视页面加载时间。我需要在主体末尾执行一些内容，并将 javascript 包含在头部中。

<小时/>

解决方案没有 jQuery:我使用 document.addEventListener('DOMContentLoaded', fn()) 而不是 $(document).ready(fn) 现在一切正常。为什么？我不知道。

Answer 1

出现加载错误是因为解析文件时执行了代码，但文件可能尚未下载。尝试使用:

$(document).ready(function(){

});