Comment appeler une fonction JavaScript lors du chargement de la page ?

Question

Traditionnellement, pour appeler une fonction JavaScript une fois que la page est chargée, vous ajouteriez un attribut onload au corps contenant un peu de JavaScript (généralement uniquement l'appel d'une fonction)

Lorsque la page est chargée, je veux exécuter du code JavaScript pour remplir dynamiquement certaines parties de la page avec des données du serveur. Je ne peux pas utiliser l'attribut onload car j'utilise des fragments JSP, qui n'ont pas d'élément body auquel je peux ajouter un attribut.

Y a-t-il un autre moyen d'appeler une fonction JavaScript au chargement? Je préférerais ne pas utiliser jQuery car je ne suis pas très familier avec.

Answer 1

Si vous souhaitez que la méthode onload prenne des paramètres, vous pouvez faire quelque chose de similaire à ceci :

window.onload = function() {
  votreFonction(param1, param2);
};

Cela lie onload à une fonction anonyme qui, lorsqu'elle est invoquée, exécutera la fonction souhaitée, avec les paramètres que vous lui avez donnés. Et bien sûr, vous pouvez exécuter plusieurs fonctions à partir de l'intérieur de la fonction anonyme.

Answer 2

Une autre façon de faire cela est en utilisant des écouteurs d'événements, voici comment vous les utilisez :

document.addEventListener("DOMContentLoaded", function() {
  votre_fonction(...);
});

Explication :

DOMContentLoaded Cela signifie lorsque les objets DOM du document sont entièrement chargés et vus par JavaScript. Cela aurait aussi pu être "click", "focus"...

function() Fonction anonyme, sera invoquée lorsque l'événement se produira.

Answer 3

Votre question d'origine n'était pas claire, en supposant que la modification/l'interprétation de Kevin est correcte, alors cette première option ne s'applique pas

Les options typiques consistent à utiliser l'événement onload:

....

Vous pouvez également placer votre JavaScript tout à la fin du corps; il ne commencera pas à s'exécuter tant que le document n'est pas complet.

  ...

    SomeFunction();

Une autre option est d'utiliser un framework JS qui le fait intrinsèquement:

// jQuery
$(document).ready( function () {
  SomeFunction();
});

Answer 4

fonction votrefonction() { /* faire des choses lors du chargement de la page */ }

window.onload = votrefonction;

Ou avec jQuery si vous le souhaitez :

$(function(){
   votrefonction();
});

Si vous souhaitez appeler plus d'une fonction lors du chargement de la page, consultez cet article pour plus d'informations :

• Utilisation de plusieurs fonctions onload en JavaScript

Answer 5

Vous devez appeler la fonction que vous souhaitez appeler au chargement (c'est-à-dire, au chargement du document / de la page). Par exemple, la fonction que vous souhaitez charger lors du chargement du document ou de la page s'appelle "votreFonction". Cela peut être fait en appelant la fonction sur l'événement de chargement du document. Veuillez voir le code ci-dessous pour plus de détails.

Essayez le code ci-dessous:

    $(document).ready(function () {
        votreFonction();
    });
    function votreFonction(){
      //some code
    }