Trois méthodes couramment utilisées pour l'exécution automatique des fonctions JS dans les pages Web

Trois méthodes couramment utilisées pour l'exécution automatique des fonctions JS dans les pages Web_javascript skills

WBOY

Libérer： 2016-05-16 15:07:33

original

1343 Les gens l'ont consulté

Cet article partage les méthodes courantes pour exécuter automatiquement les fonctions JS sur les pages Web pour votre référence. Le contenu spécifique est le suivant

1.Méthode JS
1. La façon la plus simple d'appeler est d'écrire directement dans la balise body du html :

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

Copier après la connexion

2. Appelez la déclaration JS :

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

Copier après la connexion

Troisième type

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

Copier après la connexion

2.Méthode JQ

1. Exécuter une fois que tous les documents de la page entière sont chargés. Malheureusement, cette méthode nécessite non seulement que l'arborescence DOM de la page soit entièrement chargée, mais nécessite également que toutes les images et ressources externes soient chargées. Ce qui est encore plus regrettable, c'est que si les ressources externes, telles que les images, mettent beaucoup de temps à se charger, alors l'exécution de cette méthode js semblera plus lente. En d’autres termes, il s’agit de la méthode la plus rigoureuse pour exécuter la méthode après le chargement de la page.
window.onload =function() { $("table tr:nth-child(even)").addClass("even"); //Ceci est du code jquery};

2. Chargez simplement toutes les structures DOM et exécutez la méthode avant que le navigateur ne place tout le HTML dans l'arborescence DOM. Inclus avant le chargement des images et des ressources externes.
$(document).ready(function() { $("table tr:nth-child(even)").addClass("even"); //Tous les effets spéciaux js qui doivent être exécutés });

Il y a aussi une abréviation
$(function() { $("table tr:nth-child(even)").addClass("even"); //Tous les effets spéciaux js qui doivent être exécutés });

Trois méthodes courantes pour exécuter automatiquement les fonctions JS sur les pages Web

Dans la zone Head en HTML, on retrouve les fonctions suivantes :

<SCRIPT  LANGUAGE="JavaScript"> 

　　functionn MyAutoRun()

　　{ 

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

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

　　} 

</SCRIPT>

Copier après la connexion

Ensuite, nous allons nous concentrer sur la fonction ci-dessus et la laisser s'exécuter automatiquement lorsque la page Web est chargée !

①La première méthode

Changez le code ci-dessus par :

<SCRIPT  LANGUAGE="JavaScript"> 

　　functionn MyAutoRun()

　　{ 

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

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

　　} 

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

</SCRIPT>

Copier après la connexion

②Deuxième méthode

Modifiez le corps de la page Web comme suit :

Ou changer pour :

③La troisième méthode

Utilisez la minuterie JS pour exécuter des fonctions par intermittence :

setTimeout("MyAutoRun()",1000); //Exécuter la fonction MyAutoRun() toutes les 1000 millisecondes

La méthode d'implémentation consiste à remplacer la fonction JS supérieure par :

<SCRIPT  LANGUAGE="JavaScript"> 

　　functionn MyAutoRun()

　　{ 

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

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

　　} 

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

</SCRIPT>

Copier après la connexion

D’autres méthodes sont plus particulières, peu utilisées et peu polyvalentes, je ne les présenterai donc pas !

Ce qui précède vous présente les méthodes courantes d'exécution automatique des fonctions JS. J'espère que cela vous sera utile pour votre apprentissage.