Question

我使用defer属性，现在我应该使用内部脚本这段代码：

window.addEventListener('load', function () { // mycode }

现在我的旧代码就像这样：

<script>
    $(document).ready(function(){
        $('#favBtn').on('click',function(){
            //mycode
        });
     });
</script>

我有疑问。我应该在$(document).ready内使用window.addEventListener，还是在使用$(document).ready时我不需要window.addEventListener？

这段代码是真的吗？

<script>
     window.addEventListener('load', function () {
        $(document).ready(function(){
            $('#favBtn').on('click',function(){
                //mycode
            });
         });
      });
  </script>

Answer 1

$(document).ready()将在HTML文档加载属性后立即执行，并且DOM已准备就绪。然而，window.addEventListener('load', function () { // mycode }将等待页面完全加载，这包括内部框架，图像等。因此您无需在$(document).ready()内写window.load

为了编写jquery $(document).ready()本身就足够了

Answer 2

如果你想在dom准备好之后做，你可以在下面试试。

window.addEventListner("domContentLoad",function(){
//Your code
}

可以在window.addEventListener中使用$（document）.ready

2 个答案: