Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben: 2016-05-16 15:07:33
Original
1343 Leute haben es durchsucht

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>

Nach dem Login kopieren

2. JS-Anweisung aufrufen:

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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>

Nach dem Login kopieren

②Zweite Methode

Ändern Sie den Hauptteil der Webseite wie folgt:

Oder ändern Sie zu:

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

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 stellt Ihnen die gängigen Methoden zur automatischen Ausführung von JS-Funktionen vor. Ich hoffe, dass es Ihnen beim Lernen hilfreich sein wird.

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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!