Heim > Artikel > Web-Frontend > Drei Methoden zur automatischen Ausführung (Laden) von JS-Funktionen

Drei Methoden zur automatischen Ausführung (Laden) von JS-Funktionen

PHPzOriginal: 2017-04-02 16:13:119795Durchsuche

In diesem Artikel werden hauptsächlich drei häufig verwendete Methoden zur automatischen Ausführung von JS-Funktionen in Webseiten vorgestellt

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

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

2. Rufen Sie die JS-Anweisung auf:

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

Der dritte 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 benötigt werden ausgeführt werden });Es gibt auch eine Kurzschrift-Methode

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

Es gibt drei gängige Methoden für automatisch Ausführen von JS-Funktionen auf Webseiten

Im Head-Bereich in HTML gibt es folgende Funktionen:

<SCRIPT  LANGUAGE="JavaScript"> 

　　functionn MyAutoRun()

　　{ 

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

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

　　} 

</SCRIPT>

Weiter , 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>

②Die zweite Methode

Ändern Sie den Text der Webseite wie folgt:

05ae2b4cc5780328894ea910279ade0cOder ändern Sie zu:

a9a58ef1e6192c2cb0d663fe07e42b24

③Die dritte Methode

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

setTimeout("MyAutoRun()" ,1000); //Execute die MyAutoRun()-Funktion alle 1000 Millisekunden Implementierungsmethode, ändern Sie die oberste JS-Funktion 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 ist der detaillierte Inhalt vonDrei Methoden zur automatischen Ausführung (Laden) von JS-Funktionen. 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：Detaillierte Erläuterung der Substring- und Substr-Methoden in JSNächster Artikel：Detaillierte Erläuterung der Substring- und Substr-Methoden in JS

In Verbindung stehende Artikel

Mehr sehen