$（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(){

});