suchen

Heim  >  Artikel  >  Web-Frontend  >  JavaScript und jQuery implementieren das automatische Laden

JavaScript und jQuery implementieren das automatische Laden

小云云
小云云Original
2017-12-07 16:01:291342Durchsuche

In diesem Artikel stellen wir Ihnen die einfachste Methode zum Schreiben von Code vor, um das automatische Laden mithilfe von JavaScript und jQuery zu erreichen. Ich hoffe, es hilft allen.

1. Automatisches Laden von JavaScript

① Onload im Text verwenden: Führen Sie Onload aus, nachdem der gesamte Inhalt (einschließlich Bilder) auf der Seite geladen wurde, wie folgt: 


<body onload="alert(1)"></body>          <!-- 当有一个onload -->
<body onload="alert(2);alert(3);alert(4)"></body> <!-- 当有多个onload用分号隔开,依次弹出 2 3 4 -->


②Verwenden Sie window.onload im Skript: Führen Sie window.onload aus, nachdem der gesamte Inhalt der Seite (einschließlich Bilder) wie folgt geladen wurde:


window.onload = function(){...}; //正确写法，这是匿名函数

//------------↓多个window.onload的错误写法-------------
window.onload = function(){alert("text1");}; //不执行
window.onload = function(){alert("text2");}; //执行
//------------↑---------------------------------------

//------------↓多个window.onload的正确写法---------------------------
window.attachEvent("onload",function(){alert(&#39;a&#39;)});
window.attachEvent("onload",function(){alert(&#39;b&#39;)});
window.attachEvent("onload",function(){alert(&#39;c&#39;)});
//重点提示：在IE浏览器下用 (window.attachEvent)，会弹出 c b a 
//重点提示：其他浏览器下用 (window.addEventListener)，会弹出 a b c
//------------↑-----------------------------------------------------


2. jQuery lädt automatisch


①Wenn die DOM-Struktur in der Seite (nicht Bilder enthalten)) und dann nach dem Laden ausführen (möglicherweise wurden die mit dem DOM-Element verbundenen Dinge nicht geladen). Es gibt drei Möglichkeiten, es zu schreiben: 


$(document).ready(function(){...});//写法1，全称 
$(function(){...});        //写法2，简写 
jQuery(function($){...});     //写法3，简写


②Erst ausführen, nachdem alle Elemente (einschließlich Bilder) auf der Seite geladen wurden, wie folgt. 


$(window).load(function() {...}); //等于JavaScript的写法，如window.onload = function(){...};


③Führen Sie die anonyme Funktion sofort aus. Wenn eine anonyme Funktion in Klammern eingeschlossen wird und dann Klammern folgen, kann die anonyme Funktion sofort ausgeführt werden. Es gibt zwei Möglichkeiten, sie wie folgt zu schreiben:


(function ( ){...})(); //Schreibmethode 1, keine Parameter

(function($){...})(jQuery); //Schreibmethode 2, um Konflikte mit anderen zu vermeiden Variablen.

Verwandte Empfehlungen:

Detaillierte Erläuterung von Beispielen für das automatische Laden in PHP

Detaillierte Erläuterung von Beispielen für automatische Lademethoden mehrerer Klassen in PHP

Javascript Firefox lädt automatisch Iframe und passt Höhe und Breite automatisch an Beispiel


Das obige ist der detaillierte Inhalt vonJavaScript und jQuery implementieren das automatische Laden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Dynamische Programmierbeispielanalyse von erweiterten JavaScript-AlgorithmenNächster Artikel：Dynamische Programmierbeispielanalyse von erweiterten JavaScript-Algorithmen

In Verbindung stehende Artikel

Mehr sehen