將document.ready和window.load放在同一個JavaScript文件中是否猶豫不決？

Question

將兩個包裝函數放在同一個JavaScript文件中是否可以？ 例如，包含我所有站點腳本的main.js文件當前正在使用$(window).load(function(){//...}); 方法，我想知道我是否也可以使用$(document).ready(function(){//...}); 同一個腳本文件中的方法？

$(document).ready(function() {
    //Code here...
});

$(window).load(function() {
    // Code here...
});

Answer 1

他們做不同的事情，是的。

• 當DOM准備好被修改時， $(document).ready()觸發。
• $(window).load()在所有外部資源（如圖像，腳本和樣式表）完成加載時觸發。

即使它們都是相同的（例如兩者都是$(document.ready() ），jQuery仍然會執行兩個綁定的回調。

Answer 2

是的，這沒有錯。 事實上，這兩個事件是完全不同的事情。

由於您使用jQuery來處理這些事件，您甚至可以擁有多個處理程序。