Un tableau vous indique la différence entre windows.onload() et $(document).ready()

Un tableau vous indique la différence entre windows.onload() et $(document).ready()_jquery

WBOY

Libérer： 2016-05-16 16:48:02

original

1257 Les gens l'ont consulté

Une fois que le navigateur a chargé le DOM, il ajoutera des événements aux éléments du DOM via javascript. En javascript, la méthode window.onload() est généralement utilisée.

Dans jquery, utilisez la méthode $(document).ready(). Présentons la différence entre les deux.

window.onload()

$(document).ready()

Délai d'exécution

Exécuté après le chargement de tous les éléments de la page (y compris les images et les fichiers référencés).

	window.onload()	$(document).ready()
执行时机	在页面所有元素（包括图片，引用文件）加载完后执行。	页面中所有HTML DOM，CSS DOM结构加载完之后就会执行，其他图片可能没有加载完. 如果想要网页所有内容（包括图片等）加载完毕，再注册事件，使用$(window).load(function); 等价于window.onload()
编写个数	不能同时写多个，后面的将会覆盖前面的。ex: window.onload=function(){ alert("A"); } window.onload=function(){ alert("B"); } 结果会执行“B” 如果想要顺序执行alert("A")和alert("B")需写成 window.onload=function(){ alert("A"); alert("B"); }	可以同时写多个
简写	无	$(document).ready(function(){ 　　//to do; })；可写成 $().ready(function(){ //$()不带参数默认是document 　　//to do; });或 $(function(){ 　　//to do; });

Toutes les structures HTML DOM et CSS DOM de la page seront exécutées après le chargement. Les autres images risquent de ne pas être chargées. Si vous souhaitez que tout le contenu de la page Web (y compris les images, etc.) soit chargé avant d'enregistrer l'événement, utilisez $(window).load(function) ; Équivalent à window.onload()

Écrire le numéro

Vous ne pouvez pas en écrire plusieurs en même temps, les derniers écraseront les précédents. ex : window.onload=function(){ alert("A"); } window.onload=function(){ alert("B"); } Le résultat sera "B" Si vous souhaitez exécuter alert("A") et alert("B") séquentiellement, vous devez écrire window.onload=function(){ alerte("A"); alerte("B"); }

Vous pouvez en écrire plusieurs en même temps

Abréviation

Aucun

$(document).ready(function() 　 //à faire ; } ; peut être écrit comme $().ready(function(){ //$() sans paramètres, la valeur par défaut est document 　//à faire; } ; ou $(function() 　 //à faire ; });