Share on facebook
Facebook
Share on google
Google+
Share on twitter
Twitter
Share on linkedin
LinkedIn

Comment intégrer le Javascript?

Intégrer dans la page

Les zones de script dans la page html sont reconnues grâce aux balises html :

<script type="text/javascript"> .. </script>

On retrouve souvent le Javascript dans l’entête de la page, mais vous pouvez aussi l’infiltrer n’importe où, même à l’intérieur du body, comme dans l’exemple ci-dessous ou le contenu marqué en jaune est généré par le javascript au niveau de la balise header (‘hello word!’) et dans la balise body (‘bye, bye..’).

Résultat visuel

ATTENTION : vous ne pouvez pas agir sur les éléments html avant qu’ils ne soient chargés, d’où l’importance d’appeler parfois le javascript après les éléments HTML concernés.

Externaliser le Javascript

Javascript peut être externalisé dans un fichier texte distinct de la page html et nommé par convention avec l’extension .js :

<script type="text/javascript" src="monfichier.js"> </script>

Cela permet de séparer les taches, la structuration HTML et le comportement Javascript peuvent être traités séparement.

IMPORTANT : il vaut mieux appeler le Javascript au bas de l’élément body, plutôt que dans l’entête de la page head . Cela améliore le chargement des pages, en effet le chargement du HTML n’est pas bloqué par le chargement du Javascript.

A lire aussi

tutowebdesign

Afficher du contenu au scroll

Afficher du contenu au scroll Voici un effet impressionnant et pourtant très facile à mettre en place sur vos pages. Le principe consiste à faire

Lire »
tutowebdesign

Créer un menu latéral animé

Créer un menu latéral animé Idéal pour les formats mobiles, voici un menu latéral animé facile à faire dont l’ouverture est déclenchée par Javascript. Commençons

Lire »
MegaphoNews - Closer Than Ever

The leading news agency comes to your smartphone.  Download now.

Politique d'utilisation des cookies

En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies. Les cookies nous permettent de personnaliser le contenu, les sorties et d’optimiser notre trafic.