JavaScript Introduction

JavaScript est le langage de script le plus populaire sur Internet. Ce langage peut être utilisé pour HTML et le Web, et peut être largement utilisé sur des appareils tels que les serveurs, les PC, les ordinateurs portables, les tablettes et les smartphones.

JavaScript est un langage de script

JavaScript est un langage de programmation léger.

JavaScript est du code de programmation qui peut être inséré dans des pages HTML.

Une fois JavaScript inséré dans une page HTML, il peut être exécuté par tous les navigateurs modernes.

JavaScript est très facile à apprendre.

Ce que vous allez apprendre

Ce qui suit est le contenu principal que vous apprendrez dans ce tutoriel.

JavaScript : Écriture directe dans le flux de sortie HTML

	Vous ne pouvez utiliser document.write que dans la sortie HTML. Si vous utilisez cette méthode après le chargement du document, elle écrasera tout le document.

JavaScript : Réagir aux événements

La fonction alert() n'est pas couramment utilisée en JavaScript, mais elle est très pratique pour les tests.

L'événement onclick n'est qu'un des événements que vous êtes sur le point d'apprendre dans ce tutoriel.

JavaScript : Modification du contenu HTML

JavaScript pour manipuler le HTML est une fonctionnalité très puissante.

Vous verrez souventdocument.getElementById("un identifiant"). Cette méthode est définie dans le DOM HTML.

DOM (Document Object MDOM (Document Object Model) est la norme officielle du W3C pour accéder aux éléments HTML.

Vous découvrirez le DOM HTML dans plusieurs chapitres de ce tutoriel.

JavaScript : Modification des images HTML

Cet exemple modifie dynamiquement la source (src) d'un élément HTML <image> :

Allumer l'ampoule

<script> function changeImage() { element=document.getElementById('myimage') if (element.src.match("bulbon")) { element.src="/images/pic_bulboff.gif"; } else { element.src="/images/pic_bulbon.gif"; } } </script> <img id="myimage" onclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180">

Cliquez sur l'ampoule ci-dessous pour voir l'effet :

Cliquez sur l'ampoule pour allumer ou éteindre la lumière

Essayez-le vous-même »

Dans l'exemple ci-dessus, le codeelement.src.match("bulbon")signifie récupérer<img id="myimage" onclick="changeImage()" src="../images/pic_bulboff.gif" width="100" height="180">pour déterminer si la valeur de l'attribut src qu'il contient contientbulboncette chaîne. Si la chaîne existe,bulbonl'imagesrcest mis à jour versbulboff.gifs'il ne correspond pas àbulbonla chaîne,le srcest mis à jour versbulbon.gif

JavaScript peut modifier la plupart des attributs de n'importe quel élément HTML, pas seulement les images.

JavaScript : Modification des styles HTML

Modifier le style d'un élément HTML est une variante de la modification des attributs HTML.

JavaScript : Validation de la saisie

JavaScript est couramment utilisé pour valider la saisie de l'utilisateur.

L'exemple ci-dessus n'est qu'une validation simple. Si vous souhaitez l'utiliser dans un environnement de production, vous avez besoin d'une vérification stricte. Si la saisie est un espace ou des espaces consécutifs, isNaN ne peut pas le détecter. Vous pouvez ajouter une expression régulière pour juger (expliqué dans les chapitres suivants) :

Le saviez-vous ?

JavaScript et Java sont deux langages complètement différents, tant sur le plan conceptuel que dans leur conception. Java (inventé par Sun) est un langage de programmation complexe. ECMA-262 est le nom officiel du standard JavaScript. JavaScript a été inventé par Brendan Eich. Il est apparu dans Netscape en 1995 (ce navigateur a cessé d'être mis à jour) et a été adopté par ECMA (une association de normalisation) en 1997.

Versions d'ECMAScript

JavaScript a été normalisé par ECMA (European Computer Manufacturers Association) via ECMAScript.

ECMAScript 6 est aussi connu sous le nom d'ECMAScript 2015.

ECMAScript 7 est aussi connu sous le nom d'ECMAScript 2016.