Heim > Web-Frontend > js-Tutorial > So implementieren Sie das automatische Laden von JQuery

So implementieren Sie das automatische Laden von JQuery

coldplay.xixi
Freigeben: 2020-12-02 17:20:08
Original
3623 Leute haben es durchsucht

So implementieren Sie das automatische Laden von JQuery: Führen Sie zuerst die JQuery-Bibliothek in die Ausführungsumgebung ein und testen Sie den Vorgang „Datenladen ist abgeschlossen und ausgeführt“ und testen Sie dann „Nach dem Öffnen ausführen, unabhängig davon, ob die Daten geladen sind oder nicht“. .

So implementieren Sie das automatische Laden von JQuery

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JQuery-Version 3.2.1. Diese Methode ist für alle Computermarken geeignet.

So implementieren Sie das automatische Laden von JQuery:

1 Führen Sie zunächst die JQuery-Bibliothek in der Ausführungsumgebung ein. Das Beispiel ist eine JQuery-Datei, die der Autor auf dem CDN gespeichert hat.

So implementieren Sie das automatische Laden von JQuery

2. Das automatische Laden ist unterteilt in:

  • Ausführung nach Abschluss des Datenladens

  • Ausführung nach dem Öffnen, unabhängig davon, ob die Daten geladen sind oder nicht

So implementieren Sie das automatische Laden von JQuery

3. Erstens test „Das Laden der Daten ist abgeschlossen und der Vorgang wird ausgeführt. Der Methodencode lautet wie folgt:

window.onload=function(){
           testFunc();}
Nach dem Login kopieren

So implementieren Sie das automatische Laden von JQuery

4. Das laufende Ergebnis ist wie in der Abbildung dargestellt. Die Funktion wird automatisch geladen und das Funktionsergebnis wird ausgegeben.

So implementieren Sie das automatische Laden von JQuery

5. Testen Sie weiterhin „Ausführen, sobald Sie es öffnen, unabhängig davon, ob die Daten geladen sind oder nicht“. Der Methodencode lautet wie folgt:

Methode 1

$(document).ready(function(){    testFunc();});
Nach dem Login kopieren

Methode 2

$(function(){    testFunc();});
Nach dem Login kopieren

So implementieren Sie das automatische Laden von JQuery

6 Das Ausführungsergebnis ist das gleiche wie bei der obigen Methode und es wird jeweils ein automatisches Laden implementiert.

So implementieren Sie das automatische Laden von JQuery

Verwandte kostenlose Lernempfehlungen: Javascript(Video)

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage