310 votes

exécuter la fonction lorsque la page est chargée

Je veux exécuter une fonction lorsque la page est chargée, mais je ne veux pas l'utiliser dans la balise body.

J'ai un script qui s'exécute si je l'initialise dans le corps -comme ceci :

function codeAddress() {
 code.....
}

<body onLoad="codeAddress()">

Mais je veux l'exécuter sans le corps onLoad="codeAddress()" et j'ai essayé beaucoup de choses, par exemple ceci :

window.onload = codeAddress;

mais cela ne fonctionne pas ?

Alors comment puis-je l'exécuter lorsque la page est chargée ? Merci !

415voto

Darin Dimitrov Points 528142

window.onload = codeAddress; devrait fonctionner - voici une démo et le code complet :

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript">
        function codeAddress() {
            alert('ok');
        }
        window.onload = codeAddress;
        </script>
    </head>
    <body>

    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript">
        function codeAddress() {
            alert('ok');
        }

        </script>
    </head>
    <body onload="codeAddress();">

    </body>
</html>

236voto

Spencer May Points 619

Plutôt que d'utiliser jQuery ou window.onload, le JavaScript natif a adopté de grandes fonctions depuis la sortie de jQuery. Tous les navigateurs modernes disposent désormais de leur propre fonction DOM ready sans avoir recours à une bibliothèque jQuery.

Je le recommande si vous utilisez le Javascript natif.

document.addEventListener('DOMContentLoaded', function() {
    alert("Ready!");
}, false);

51voto

Eat at Joes Points 716

Je reprends la réponse de Darin mais dans le style jQuery. (Je sais que l'utilisateur a demandé du javascript).

violon d'Ingres

$(document).ready ( function(){
   alert('ok');
});​

7voto

Jared Farrish Points 26391
window.onload = function(){codeAddress();};

2voto

Russ Cam Points 58168

Jetez un coup d'œil à la domReady script qui permet de configurer plusieurs fonctions à exécuter lorsque le DOM est chargé. C'est essentiellement ce que fait le Dom ready dans de nombreuses bibliothèques JavaScript populaires, mais il est léger et peut être pris et ajouté au début de votre fichier externe script.

Exemple d'utilisation

// add reference to domReady script or place 
// contents of script before here

function codeAddress() {

}

domReady(codeAddress);

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X