$ window.load和window.onload有什么区别?

时间:2014-03-04 21:44:42

标签: javascript jquery

这可能是一个新手问题,但我已经搜索并尝试了很多。 window.onload$window.load之间有什么区别?

关于window.onload and document.readydocument.onload vs window.onload之间存在差异的答案很好,但我没有找到提及.onload.load的资源或文章。

jQuery documentation说.load是

  

“此方法是.on(”load“,handler)的快捷方式。”

我尝试将window.onloadwindow.load放在页面上,看看哪个被点击,或者两者都被击中但是它们似乎互相干扰。

(window).onload(function(){
        alert("window onload - executes when the window's load event fires.");
}

$(document).ready(function(){
        alert("document is ready - executes when HTML-Document is loaded and DOM is ready");
}

$(window).load(function(){
        alert("window is loaded - executes when complete page is fully loaded, including all frames, objects and images");
}

它们之间有什么区别?为什么你要使用另一个?

1 个答案:

答案 0 :(得分:7)

.load作为事件绑定方法已从jquery 1.9中删除,如您链接到的文档中所述(它位于不推荐的部分)

因此,区别在于你做了什么

window.onload = function(){};

而另一个什么都不做

$(window).load(function(){}); // does nothing!

写第一个的另一种方法是:

$(window).on("load",function(){});