Trois méthodes d'exécution (chargement) automatique des fonctions JS-js tutoriel-php.cn

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

PHPz

Libérer： 2017-04-02 16:13:11

original

9730 Les gens l'ont consulté

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>

Copier après la connexion

2. Appelez l'instruction JS :

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

Copier après la connexion

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

Copier après la connexion

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>

Copier après la connexion

②La deuxième méthode

Modifiez le corps de la page Web pour :

Ou remplacez par :

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

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

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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