Eine Tabelle zeigt Ihnen den Unterschied zwischen windows.onload() und $(document).ready()

Eine Tabelle zeigt Ihnen den Unterschied zwischen windows.onload() und $(document).ready()_jquery

WBOY

Freigeben： 2016-05-16 16:48:02

Original

1258 Leute haben es durchsucht

Nachdem der Browser das DOM geladen hat, fügt er über Javascript Ereignisse zu den DOM-Elementen hinzu. In Javascript wird normalerweise die Methode window.onload() verwendet.

Verwenden Sie in jquery die Methode $(document).ready(). Lassen Sie uns den Unterschied zwischen den beiden vorstellen.

window.onload()

$(document).ready()

Ausführungszeitpunkt

Wird ausgeführt, nachdem alle Elemente der Seite (einschließlich Bilder und referenzierte Dateien) geladen wurden.

	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; });

Alle HTML-DOM- und CSS-DOM-Strukturen auf der Seite werden nach dem Laden ausgeführt. Andere Bilder werden möglicherweise nicht geladen. Wenn Sie möchten, dass der gesamte Inhalt der Webseite (einschließlich Bilder usw.) vor der Registrierung des Ereignisses geladen wird, verwenden Sie $(window).load(function) ; Entspricht window.onload()

Nummer schreiben

Sie können nicht mehrere gleichzeitig schreiben, da die späteren die vorherigen überschreiben. Beispiel: window.onload=function(){ warning("A"); window.onload=function(){ warning("B"); Das Ergebnis ist „B“ Wenn Sie Alert("A") und Alert("B") nacheinander ausführen möchten, müssen Sie schreiben window.onload=function(){ alert("A"); alert("B"); }

Sie können mehrere gleichzeitig schreiben

Abkürzung

Keine

$(document).ready(function(){ 　 //zu tun; }); kann als geschrieben werden $().ready(function(){ //$() ohne Parameter ist standardmäßig document 　 //zu tun; }); oder $(function(){ 　 //zu tun; });