Maison > Article > interface Web > Trois méthodes d'exécution (chargement) automatique des fonctions JS

Trois méthodes d'exécution (chargement) automatique des fonctions JS

PHPzoriginal: 2017-04-02 16:13:119791parcourir

Cet article présente principalement en détail trois méthodes couramment utilisées pour l'exécution automatique des fonctions JS dans les pages Web

Méthodes JS
1. La façon la plus simple d'appeler, écrivez directement dans la balise body du html :

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

2. Appelez l'instruction JS :

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

Le 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 mette 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 nécessitant à exécuter });

Il existe également un raccourci
$(function() { $("table tr:nth-child(even )"). addClass("even"); //Tous les effets spéciaux js qui doivent être exécutés});

Il existe trois méthodes courantes pour automatiquement exécuter des fonctions JS sur des pages Web

Dans la zone Head en HTML, il y a les fonctions suivantes :

<SCRIPT  LANGUAGE="JavaScript"> 

　　functionn MyAutoRun()

　　{ 

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

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

　　} 

</SCRIPT>

Suivant , nous allons nous concentrer sur la fonction ci-dessus et la laisser s'exécuter automatiquement lors du chargement de la page Web !

①La première méthode

Changez le code ci-dessus en :

<SCRIPT  LANGUAGE="JavaScript"> 

　　functionn MyAutoRun()

　　{ 

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

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

　　} 

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

</SCRIPT>

②La deuxième méthode

Modifiez le corps de la page Web pour :

05ae2b4cc5780328894ea910279ade0c

Ou remplacez par :

a9a58ef1e6192c2cb0d663fe07e42b24

③La troisième méthode

Utilisez le minuteur JS pour exécuter des fonctions par intermittence :

setTimeout("MyAutoRun()" ,1000 //Execute); la fonction MyAutoRun() toutes les 1000 millisecondes

Méthode d'implémentation, remplacez 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 est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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：Explication détaillée des méthodes substring et substr dans JSArticle suivant：Explication détaillée des méthodes substring et substr dans JS

Articles Liés

Voir plus