javascript - 正确使用 OnDOMReady 函数

Question

以下是 DOM 就绪函数，如果我有 2 个函数使用此声明:

$(document).ready(function(){my Function here});

现在我应该使用两个标签，一个用于每个函数，还是应该在这些标签之一中声明两个函数，都在:$(document).ready(function(){我的两个函数在这里}) ;?

<script>
    $(document).ready(function(){my Function here});
</script>

谢谢

Answer 1

您可以使用两个。它没有任何危害，这使您可以进行模块化编码。例如，它允许您将相关的代码片段放在一起。

例如，假设您有两个 JavaScript 小部件，它们彼此独立，都在各自单独的文件中，都出现在页面上的不同位置，它们中的任何一个都可能出现在页面上，也可能不出现在页面上。您可以像这样将它们分开，而不是创建一个大杂烩的脚本:

<script>
    var ads = {};
    $(document).ready(function(){
        // do something with ads
    });
</script>

<script>
    var tracker = {};
    $(document).ready(function(){
        // do something with tracker
    });
</script>