Plusieurs solutions pour exécuter (charger) automatiquement js sur la page, analyse détaillée du code-js tutoriel-php.cn

Plusieurs solutions pour exécuter (charger) automatiquement js sur la page, analyse détaillée du code

亚连

Libérer： 2018-05-18 09:42:21

original

2341 Les gens l'ont consulté

Voici plusieurs solutions que j'ai compilées pour que vous puissiez exécuter (charger) automatiquement js sur la page. Les étudiants intéressés peuvent y jeter un œil.

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. . Appelé dans 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

<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"); //这个是jquery代码 };

Copier après la connexion

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 d’images et de ressources externes.

$(document).ready(function() { $("table tr:nth-child(even)").addClass("even"); //任何需要执行的js特效 });

Copier après la connexion

Il y a aussi une abréviation

$(function() { $("table tr:nth-child(even)").addClass("even"); //任何需要执行的js特效 });

Copier après la connexion

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

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

Plusieurs solutions pour exécuter (charger) automatiquement js sur la page, analyse détaillée du code