L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle
     ClickInText
     XooIt

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
113680 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Créer un forum
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Page Rank
     Gifs animés, f...
     Easy-script.com
     Le village de ...
     La cuisine de ...
     Web creation ...
     Créer son site...
     Azote.org - no...
     Les kits graph...
     Electroniq...
     Poésie et cita...
     Les autres
     Votre site ici ?


  > Insertion du code JavaScript dans la page HTML.



A quel emplacement insérer le Javascript dans votre page HTML

Il y a plusieurs façon d'inclure du JavaScript dans une page HTML:

  • Grâce à la balise <SCRIPT>
  • En mettant le code dans un fichier
  • Grâce aux événements

Dans la balise script

Le code Javascript peut être inséré où vous le désirez dans votre page Web, vous devez toutefois veiller à ce que le navigateur est entièrement chargé votre script avant d'exécuter une instruction. En effet, lorsque le navigateur charge votre page Web, il la traite de haut en bas, de plus vos visiteurs (souvent impatients) peuvent très bien interrompre le chargement d'une page, auquel cas si l'appel d'une fonction se situe avant la fonction dans votre page il est probable que cela génèrera une erreur si cette fonction n'a pas été chargée.

Ainsi, on place généralement le maximum d'éléments du script dans la balise d'en-tête (ce sont les éléments située entre les balises <HEAD> et </HEAD>). Les évènements Javascript seront quant à eux placés dans le corps de la page (entre les balises <BODY> et </BODY>) comme attribut d'une commande HTML...

<SCRIPT language="Javascript">
<!--
Placez ici le code de votre script
// -->
</SCRIPT>


L'argument de la balise <SCRIPT> décrit le langage utilisé. Il peut être "JavaScript" "JavaScript1.1" "JavaScript1.2".

On peut ainsi (en passant un argument différent de "JavaScript") utiliser d'autres langages de programmation que celui-ci (par exemple le VbScript).

Pour utiliser différentes versions de JavaScript tout en conservant une certaine compatibilité, il suffit de déclarer plusieurs balises SCRIPT ayant chacune comme paramètre la version du JavaScript correspondante.

Dans un fichier externe

Il est possible de mettre les codes de JavaScript en annexe dans un fichier (à partir de Netscape 3.0 uniquement). Le code à insérer est le suivant:

<SCRIPT LANGUAGE=Javascript SRC="url/fichier.js"> </SCRIPT>

Oû url/fichier.js correspond au chemin d'accès au fichier contenant le code en JavaScript, sachant que si celui-ci n'existe pas le navigateur exécutera le code inséré entre les 2 balises.

Grâce aux évènements

On appelle évènement une action de l'utilisateur, comme le clic d'un des boutons de la souris. Le code dans le cas du résultat d'un événement s'écrit:

<balise eventHandler="code Javascript à insérer">

eventHandler représente le nom de l'événement.

Cours de JavaScript en partenariat avec CommentCaMarche.net
N'hésitez pas à visiter cet excellent site contenant des cours sur presque tous les langages de programmation !


Annotations des visiteurs :

De tauniah - le 30-09-2005

Je viens de découvrir javascript et je trouve cela
De Diti2330 - le 11-02-2006

Le <script language="JavaScript"> seul n'est pas valide XHTML 1.1
Il faut ajouter un "type" :
<script language="javascript" type="text/javascript">

>> Poster une annotation sur ce cours


Les autres cours :

|< Introduction au JavaScript La notion d'objet en JavaScript >|







compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
CroaCroa
Créez et gérez votre propre site en ligne sans connaissance en programmation !
http://www.croacroa.com/
Cat : Création de blog - site
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
61299 membres
7195 comptes CountUs
1721 comptes myCircle

     LES FORUMS :
14 forums
39941 topics
190891 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Navigateur" du jour par chrislebouler
La fonction agrandissement de texte existe sur tous les navigateurs. Le moyen le plus universel pour l'utiliser?... Ctrl + molette centrale de la souris.
Plusieurs avantages : pour IE pas besoin de l'onglet affichage, pour les Geckos agrandissement + progressif que l'option Ctrl ++.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2010 EJS - Tous droits réservés | CNIL N° 844440 | 18/03/2010 00:13:39 | Design by | Gen. en 0.494 sec.