Outils pour utilisateurs

Outils du site


code_language:javascript

Ceci est une ancienne révision du document !


JavaScript

Synthèse de début

Le chargement d'un fichier javaScript dans une page web:

  1. <script src="./script.js"> </script>

Variable

Déclaration, type et fonction
  1. let nomberOfCats = 2; // Premiere méthode, variable local dont la porté est le bloc. au dela elle est détruite
  2. var nombreOfCats = 2; // Deuxième méthode, variable local dont la porté est la fonction.
  3. const nombreOfCats = 2; //Déclaration d'une constante local
  4. void <a href="javascript:void(maFonction())"> ... </a> // Ne retourne rien, déclaration obligatoire pour les pseudo url javascript: sinon l'instruction retourne une valeur qui remplace la page en question.
  5. with(navigator) //Permet de simplifier la référence aux propriétés et méthodes des objets en précédant un bloc d'instruction dans lequel un objet devient implicite.
  6. {
  7. alert(appName + " " + appVersion);
  8. } // équivalent à :
  9. alert(navigator.appName + " " +navigator.appVersion);
  10. function ma_fonction()
  11. {
  12. alert("Je suis exécuté dans ma_fonction");
  13. }

Type de variable et objet pédéfinis

window

Propriété
  • 'closed '

fenêtre fermée

  • 'defaultStatus '

affichage normal dans la barre d'état

  • 'innerHeight '

hauteur du domaine d'affichage

  • 'innerWidth '

largeur du domaine d'affichage

  • 'locationbar '

barre d'adresse

  • 'menubar '

barre de menus

  • 'name '

nom de fenêtre

  • 'outerHeight '

hauteur de la fenêtre globale

  • 'outerWidth '

largeur de la fenêtre globale

  • 'pageXOffset '

position de départ de la fenêtre à partir de la gauche

  • 'pageYOffset '

position de départ de la fenêtre à partir du haut

  • 'personalbar '

barre pour les adresses favorites

  • 'scrollbars '

barres de défilement

  • 'statusbar '

barre d'état

  • 'status '

Contenu de la barre d'état

  • 'toolbar '

barre d'outils

Méthodes
  • 'alert()'

boite de dialogue avec infos

  • 'back()'

page précédente

  • 'blur()'

quitter la fenêtre

  • 'captureEvents()'

surveiller les événements

  • 'clearInterval()'

interrompre la suite d'instructions sans fin

  • 'clearTimeout()'

interrompre le compte à rebours

  • 'close()'

fermer la fenêtre

  • 'confirm()'

boite de dialogue pour confirmer

  • 'disableExternalCapture()'

empêcher une surveillance extérieure

  • 'enableExternalCapture()'

permettre une surveillance extérieure

  • 'find()'

chercher du texte

  • 'focus()'

activer la fenêtre

  • 'forward()'

page suivante

  • 'handleEvent()'

renvoyer l'événement

  • 'home()'

appeler la page d'accueil

  • 'moveBy()'

se mouvoir avec des mentions relatives

  • 'moveTo()'

se mouvoir avec des mentions absolues

  • 'open()'

ouvrir une nouvelle fenêtre

  • 'print()'

imprimer

  • 'prompt()'

fenêtre de dialogue pour la saisie de valeur

  • 'releaseEvents()'

fermer un événement

  • 'resizeBy()'

modifier la taille avec des mentions relatives

  • 'resizeTo()'

modifier la taille avec des mentions absolues

  • 'routeEvent()'

parcourir la hiérarchie des gestionnaires d'événement

  • 'scrollBy()'

défiler un certain nombre de pixels

  • 'scrollTo()'

défiler jusqu'à la position

  • 'setInterval()'

établir une liste d'instructions planifiées

  • 'setTimeout()'

entamer le compte à rebours

  • 'stop()'

interrompre

document

Propriétés
  • 'alinkColor '

couleur des liens lorsqu'ils sont cliqués

  • 'bgColor '

couleur d'arrière plan

  • 'charset '

jeu de caractères utilisés

  • 'cookie '

chaîne de caractères pouvant être sauvegardée chez l'utilisateur

  • 'defaultCharset '

jeu de caractères normal

  • 'fgColor '

couleur pour le texte

  • 'lastModified '

dernière modification du document

  • 'linkColor '

couleur pour les liens

  • 'referrer '

pages déjà visitées

  • 'title '

titre du fichier

  • 'URL '

adresse URL du fichier

  • 'vlinkColor '

couleur pour les liens à des cibles visitées

Méthodes
  • 'captureEvents()'

surveiller les événements

  • 'close()'

fermer

  • 'createAttribute()'

créer un nœud d'attributs

  • 'createElement()'

créer un nœud d'éléments

  • 'createTextNode()'

créer un nœud de texte

  • 'getElementById()'

Accès à l'élément HTML par l'attribut Id

  • 'getElementsByName()'

Accès à l'élément HTML par l'attribut name

  • 'getElementsByTagName()'

Accès à l'élément HTML par liste d'éléments

  • 'getSelection()'

texte sélectionné

  • 'handleEvent()'

traiter les événements

  • 'open()'

ouvrir le document

  • 'releaseEvents()'

fermer des événements

  • 'routeEvent()'

parcourir la hiérarchie des gestionnaires d'événement

  • 'write()'

écrire dans la fenêtre du document

  • 'writeln()'

écrire ligne par ligne

Propriétés
  • 'appCodeName'

surnom du navigateur

  • 'appName'

nom officiel du navigateur

  • 'appVersion'

version du navigateur

  • 'cookieEnabled'

Cookies permis

  • 'language'

langue du navigateur

  • 'platform'

plate-forme sur laquelle tourne le navigateur

  • 'userAgent'

identification HTTP du navigateur

Méthodes
  • 'javaEnabled()'

vérifier la disponibilité Java

Array

Propriétés
  • 'length()'

retourne la taille du tableau (entier)

Methodes

Modification du contenu

Méthode Description Exemple
Création Génère un tableau
  1. let monTableau = [];
pop() Supprime et retourne le dernier élément
  1. mon_tableau.pop()
push() Ajoute un ou plusieurs éléments à la fin
  1. mon_tableau.push("nouveau","deuxième nouveau")
shift() Supprime le premier élément
  1. mon_tableau.shift()
unshift() Ajoute des éléments au début
  1. mon_tableau.unshift("nouveau1","nouveau2")
splice() Insère des éléments
  1. mon_tableau.splice(ou, 2,"nouveau1","nouveau2")
reverse() Réorganise le tableau de la fin ver le début
  1. mon_tableau.reverse()
concat() Concaténer plusieurs tableaux
  1. mon_tableau.concat(tableau1,tableau2)

Obtenir des données

join() Extrait les données dans une chaîne avec le délimiteur donné en paramètre
  1. mon_tableau.join(" ")
slice() Renvoie un tableau contenant 'nombre' cellules à partir de 'début'
  1. mon_tableau.slice(debut,nombre)

Trier

sort() Trier le tableau
  1. mon_tableau.sort()

Méthodes héritées

toString() Renvoyer le contenu de l'objet sous forme de chaîne
  1. s = mon_tableau.toString()
toLocaleSting() Renvoyer le contenu de l'objet sous forme de chaîne
  1. s= mon_tableau.toLocaleString()

Manipulation:

  • Instanciation:
  1. mon_tableau = new Array(); // Simple et direct
  2. mon_tableau = new Array(10); // Imposition de dix cases vides, (de 0 à 9) length vaut 10
  3. // Note : rien n'empèche immédiatement après de faire mon_tableau[11] (dynamisme)
  4.  
  5. mon_tableau = new Array("Elément 1", "Elément 2"); // Remplissage à la déclaration.
  • Adressage d'un élément
  1. t = new Array(null,null,null,"Contenu de trois"); // Création avec 4 éléments
  2. t["nom"] = "contenu de 'nom'";
  3. alert(t[0]); // Affiche 'null'
  4. alert(t[3]); // Affiche "Contenu de trois";
  5. alert(t["nom"]); // Affiche "contenu de 'nom'"
  6. alert(t[4]); // Affiche "undefined"
  7. </pre>
  8.  
  9.  
  10. === Lecture de la propriété length ===
  11. <code JavaScript [enable_line_numbers="true"]>
  12. t = new Array(null,null,null,"Contenu de trois"); // Création avec 4 éléments
  13.  
  14. var nb_elements = t.length; // Lecture de length dans une variable
  15.  
  16. alert("Le tableau a " + t.length + " éléments"); // Affiche "le tableau a 4 éléments"
  17.  
  18. for(i = 0; i < t.length; i++)
  19. alert("contenu de : " + i + t[i]);
  20. // Affiche "null", puis "null", "null" et "Contenu de trois"
  • Utilisation d'une méthode:
  1. t = new Array("Premier","Deuxieme","Troisieme");
  2. t.sort(); // Invocation de la méthode sort()
  3. alert(t); // Affiche "Deuxieme,Premier,Troisieme", soit le contenu par ordre alphabétique

Date

Méthode
  • 'getDate()'

renvoie le jour du mois

  • 'getDay()'

renvoie le jour de la semaine

  • 'getFullYear()'

renvoie l'année complète

  • 'getHours()'

renvoie la partie heures de l'heure

  • 'getMilliseconds()'

renvoie les millièmes de secondes

  • 'getMinutes()'

renvoie la partie minutes de l'heure

  • 'getMonth()'

renvoie le mois

  • 'getSeconds()'

renvoie la partie secondes de l'heure

  • 'getTime()'

renvoie l'heure

  • 'getTimezoneOffset()'

renvoie le décalage horaire de l'heure locale

  • 'getUTCDate()'

renvoie le jour du mois de l'heure UTC (temps universel coordonné)

  • 'getUTCDay()'

renvoie le jour de la semaine de l'heure UTC

  • 'getUTCFullYear()'

renvoie l'année complète de l'heure UTC

  • 'getUTCHours()'

renvoie la partie heures de l'heure UTC

  • 'getUTCMilliseconds()'

renvoie les millièmes de secondes de l'heure UTC

  • 'getUTCMinutes()'

renvoie la partie minutes de l'heure UTC

  • 'getUTCMonth()'

renvoie le mois de l'heure UTC

  • 'getUTCSeconds()'

renvoie la partie secondes de l'heure UTC

  • 'getYear()'

renvoie l'année

  • 'parse()'

renvoie le nombre de millièmes de secondes depuis le 1/1/1970

  • 'setDate()'

change le jour du mois de l'objet

  • 'setFullYear()'

change l'année complète de l'objet

  • 'setHours()'

change la partie heures de l'heure de l'objet

  • 'setMilliseconds()'

change la partie millièmes de seconde de l'heure de l'objet

  • 'setMinutes()'

change la partie minutes de l'heure de l'objet

  • 'setMonth()'

change la partie mois de la date de l'objet

  • 'setSeconds()'

change la partie secondes de l'heure de l'objet

  • 'setTime()'

change la date et l'heure de l'objet

  • 'setUTCDate()'

change le jour du mois de l'heure UTC de l'objet

  • 'setUTCDay()'

change le jour de la semaine de l'heure UTC de l'objet

  • 'setUTCFullYear()'

change l'année complète de l'heure UTC de l'objet

  • 'setUTCHours()'

change la partie heures de l'heure UTC de l'objet

  • 'setUTCMilliseconds()'

change la partie millièmes de seconde de l'heure UTC de l'objet

  • 'setUTCMinutes()'

change la partie minutes de l'heure UTC de l'objet

  • 'setUTCMonth()'

change le mois de l'heure UTC de l'objet

  • 'setUTCSeconds()'

change la partie secondes de l'heure UTC de l'objet

  • 'setYear()'

change la date et l'heure de l'objet

  • 'toGMTString()'

convertir la date et l'heure au format GMT

  • 'toLocaleString()'

convertir la date et l'heure au format local

  • 'UTC()'

renvoie le nombre de millièmes de secondes entre le 1/1/1970 et un moment donné

Error

Les exceptions renvoient des objets de type Error, ou qui en héritent.

  1. var myError = new Error('Message');

Function

Propriétés
  • arguments

tableau de noms d'arguments

  • arity

nombre d'arguments

  • caller

nom de la fonction qui appelle

Image

Propriétés
Méthode

Math

Propriétés
  • 'E'

constante d'Euler

  • 'LN2'

logarithme naturel de 2

  • 'LN10'

logarithme naturel de 10

  • 'LOG2E'

logarithme constant de 2

  • 'LOG10E'

logarithme constant de 10

  • 'PI'

constante PI

  • 'SQRT1_2'

constante pour

code_language/javascript.1762097341.txt.gz · Dernière modification: 2025/11/02 15:29 de 74.7.227.242