Drei Methoden zur automatischen Ausführung (Laden) von JS-Funktionen-js-Tutorial-php.cn

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

PHPz

Freigeben： 2017-04-02 16:13:11

Original

9793 Leute haben es durchsucht

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>

Nach dem Login kopieren

2. Rufen Sie die JS-Anweisung auf:

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

Nach dem Login kopieren

Der dritte Typ

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

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

②Die zweite Methode

Ändern Sie den Text der Webseite wie folgt:

Oder ändern Sie zu:

③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>

Nach dem Login kopieren

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!