suchen

Heim >Web-Frontend >js-Tutorial >Drei häufig verwendete Methoden zur automatischen Ausführung von JS-Funktionen in Webseiten_Javascript-Fähigkeiten

Drei häufig verwendete Methoden zur automatischen Ausführung von JS-Funktionen in Webseiten_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:07:331400Durchsuche

In diesem Artikel werden gängige Methoden zum automatischen Ausführen von JS-Funktionen auf Webseiten als Referenz beschrieben. Der spezifische Inhalt lautet wie folgt:

1. JS-Methode
1. Der einfachste Aufruf besteht darin, direkt in das Body-Tag von HTML zu schreiben: 

<body onload="myfunction()">
<html> <body onload="func1();func2();func3();"> </body> </html>

2. JS-Anweisung aufrufen: 

<script type="text/javascript">
　　function myfun() 　　
{ 　　 alert("this window.onload"); 　　} 　　/*用window.onload调用myfun()*/　　
window.onload = myfun;//不要括号
</script>

Dritter Typ

<script type="text/javascript">
window.onload=function(){
func1();
func2();
func3(); }
</script>

2. JQ-Methode

1. Ausführen, nachdem alle Dokumente der gesamten Seite geladen sind. Leider erfordert diese Methode nicht nur, dass der DOM-Baum der Seite vollständig geladen ist, sondern auch, dass alle externen Bilder und Ressourcen geladen werden. Noch bedauerlicher ist, dass sich die Ausführung dieser js-Methode langsamer anfühlt, wenn das Laden externer Ressourcen wie Bilder lange dauert. Mit anderen Worten, dies ist die strengste Methode zum Ausführen der Methode nach dem Laden der Seite.
window.onload =function() { $("table tr:nth-child(even)").addClass("even"); //Dies ist JQuery-Code};

2. Laden Sie einfach alle DOM-Strukturen und führen Sie die Methode aus, bevor der Browser den gesamten HTML-Code in den DOM-Baum einfügt. Eingebunden vor dem Laden externer Bilder und Ressourcen.
$(document).ready(function() { $("table tr:nth-child(even)").addClass("even"); //Alle js-Spezialeffekte, die ausgeführt werden müssen });

Es gibt auch eine Abkürzung
$(function() { $("table tr:nth-child(even)").addClass("even"); //Alle js-Spezialeffekte, die ausgeführt werden müssen });

Drei gängige Methoden zum automatischen Ausführen von JS-Funktionen auf Webseiten

Im Head-Bereich in HTML gibt es folgende Funktionen: 

<SCRIPT  LANGUAGE="JavaScript"> 

　　functionn MyAutoRun()

　　{ 

　　　//以下是您的函数的代码，请自行修改先！

　　　alert("函数自动执行哦！"); 

　　} 

</SCRIPT>

Als nächstes konzentrieren wir uns auf die obige Funktion und lassen sie automatisch laufen, wenn die Webseite geladen wird!

①Die erste Methode

Ändern Sie den obigen Code in: 

<SCRIPT  LANGUAGE="JavaScript"> 

　　functionn MyAutoRun()

　　{ 

　　　//以下是您的函数的代码，请自行修改先！

　　　alert("函数自动执行哦！"); 

　　} 

　　window.onload=MyAutoRun(); //仅需要加这一句

</SCRIPT>

②Zweite Methode

Ändern Sie den Hauptteil der Webseite wie folgt:

05ae2b4cc5780328894ea910279ade0c

Oder ändern Sie zu:

a9a58ef1e6192c2cb0d663fe07e42b24

③Die dritte Methode

Verwenden Sie den JS-Timer, um Funktionen intermittierend auszuführen:

setTimeout("MyAutoRun()",1000); //Führen Sie die MyAutoRun()-Funktion alle 1000 Millisekunden aus

Die Implementierungsmethode besteht darin, die oberste JS-Funktion zu ändern in: 

<SCRIPT  LANGUAGE="JavaScript"> 

　　functionn MyAutoRun()

　　{ 

　　　//以下是您的函数的代码，请自行修改先！

　　　alert("函数自动执行哦！"); 

　　} 

　　setTimeout("MyAutoRun()",1000); //这样就行拉

</SCRIPT>

Andere Methoden sind spezieller, werden nicht häufig verwendet und sind nicht sehr vielseitig, daher werde ich sie nicht vorstellen!

Das Obige stellt Ihnen die gängigen Methoden zur automatischen Ausführung von JS-Funktionen vor. Ich hoffe, dass es Ihnen beim Lernen hilfreich sein wird.

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：Implementierung von Ajax, um basierend auf jQuery_jquery zu überprüfen, ob ein Benutzername vorhanden istNächster Artikel：Implementierung von Ajax, um basierend auf jQuery_jquery zu überprüfen, ob ein Benutzername vorhanden ist

In Verbindung stehende Artikel

Mehr sehen