recherche

Maison >interface Web >js tutoriel >Trois méthodes couramment utilisées pour l'exécution automatique des fonctions JS dans les pages Web_javascript skills

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

WBOY
WBOYoriginal
2016-05-16 15:07:331407parcourir

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>

2. Appelez la déclaration JS : 

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

Troisième type

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

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>

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>

②Deuxième méthode

Modifiez le corps de la page Web comme suit :

05ae2b4cc5780328894ea910279ade0c

Ou changer pour :

a9a58ef1e6192c2cb0d663fe07e42b24

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

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.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Implémentation d'Ajax pour vérifier si un nom d'utilisateur existe basé sur jQuery_jqueryArticle suivant：Implémentation d'Ajax pour vérifier si un nom d'utilisateur existe basé sur jQuery_jquery

Articles Liés

Voir plus