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

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

亚连original: 2018-05-18 09:42:212360parcourir

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>

2. . Appelé dans la déclaration JS :

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

<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"); //这个是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 d’images et de ressources externes.

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

Il y a aussi une abréviation

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

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.

Articles Liés

Voir plus