Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Minicours JavaScript Cours hors-cadre de ﬁn d’ann´ ee St´ ephane Perret Version

Minicours JavaScript Cours hors-cadre de ﬁn d’ann´ ee St´ ephane Perret Version 1.30 Lyc´ ee cantonal de Porrentruy Minicours JavaScript Cours hors-cadre de ﬁn d’ann´ ee Table des mati` eres 1 Introduction 1 1.1 JavaScript et Java sont deux langages diﬀ´ erents . . . . . . . . . . . . . . 1 1.2 L’utilit´ e de JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1.3 Remarque ` a propos des vieux explorateurs . . . . . . . . . . . . . . . . . 1 2 Programmation en JavaScript 2 2.1 Premier programme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 2.2 Les commentaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 2.3 Les caract` eres sp´ eciaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 2.4 L’entˆ ete ou le corps d’un document HTML . . . . . . . . . . . . . . . . . 3 2.5 Les scripts externes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 2.6 Les variables en informatique . . . . . . . . . . . . . . . . . . . . . . . . 4 2.6.1 L’assignation de variables en informatique . . . . . . . . . . . . . 4 2.7 Op´ erations logiques sur les variables . . . . . . . . . . . . . . . . . . . . . 5 2.7.1 Op´ erations arithm´ etiques . . . . . . . . . . . . . . . . . . . . . . . 5 2.7.2 Op´ erations de comparaison . . . . . . . . . . . . . . . . . . . . . . 5 2.7.3 Op´ erateur sur les chaˆ ınes de caract` eres . . . . . . . . . . . . . . . 5 2.8 Les fenˆ etres de dialogue . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 2.8.1 Demande d’information . . . . . . . . . . . . . . . . . . . . . . . 6 2.8.2 Demande de conﬁrmation . . . . . . . . . . . . . . . . . . . . . . 6 2.8.3 Alertes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 2.8.4 Application : comment trouver une erreur dans le code JavaScript 6 2.9 Les fonctions en JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . 7 2.9.1 Fonctions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 2.9.2 Les fonctions (et constantes) math´ ematiques . . . . . . . . . . . . 8 2.10 Les structures de contrˆ oles . . . . . . . . . . . . . . . . . . . . . . . . . . 8 2.10.1 La commande if ... else if ... else . . . . . . . . . . . . . . . . . . . 8 2.10.2 Une structure de contrˆ ole condens´ ee . . . . . . . . . . . . . . . . . 9 2.10.3 La commande switch . . . . . . . . . . . . . . . . . . . . . . . . . 10 2.10.4 La commande break . . . . . . . . . . . . . . . . . . . . . . . . . 10 2.11 Les boucles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 2.11.1 La commande while . . . . . . . . . . . . . . . . . . . . . . . . . . 11 2.11.2 La commande do...while . . . . . . . . . . . . . . . . . . . . . . . 11 2.11.3 La commande for . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 2.12 Les diﬀ´ erents types de donn´ ees . . . . . . . . . . . . . . . . . . . . . . . 12 2.12.1 Les booleans . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 2.12.2 Les tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 2.12.3 Les dates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15 2.12.4 Les chaˆ ınes de caract` eres . . . . . . . . . . . . . . . . . . . . . . . 15 3 Interactivit´ e en JavaScript 16 3.1 Les boutons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 3.2 Les eﬀets sur les images . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 3.3 Les formulaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 3.3.1 Un exemple de formulaire sans JavaScript . . . . . . . . . . . . . 20 4 Annexes et r´ ef´ erences 22 Lyc´ ee cantonal de Porrentruy Minicours JavaScript Cours hors-cadre de ﬁn d’ann´ ee 1 Introduction JavaScript est utilis´ e dans des millions de pages web aﬁn d’am´ eliorer leur conception. Il s’agit d’une couche de programmation suppl´ ementaire qui vient s’ajouter au langage HTML1. Le code HTML est le langage de base que toute page Internet se doit d’utiliser : en plus de son rˆ ole proche d’un traitement de texte, ce langage permet de surfer grˆ ace aux liens hypertextes. Quant ` a JavaScript, il a ´ et´ e con¸ cu pour donner plus d’interactivit´ e aux pages HTML. Le mot script indique qu’il s’agit d’un langage de programmation simpliﬁ´ e qui s’ex´ ecute en local sur l’ordinateur qui est en train de lire la page web. Ce langage, comme l’HTML, ne n´ ecessite l’achat d’aucune licence pour pouvoir l’utiliser. Initialement, JavaScript a ´ et´ e d´ evelopp´ e par Netscape, mais maintenant la plupart des explorateurs permettant de naviguer sur Internet sont compatibles avec JavaScript. 1.1 JavaScript et Java sont deux langages diﬀ´ erents Il est important de bien pr´ eciser que mˆ eme si les noms sont tr` es proches, Java et JavaScript sont deux langages bien distincts, autant du point du vue de leurs concepts que de leur conception. Java est d´ evelopp´ e par Sun Microsystems et est un langage de programmation bien plus puissant et complexe que JavaScript. Java peut se comparer au langage C++. 1.2 L’utilit´ uploads/S4/ coursjavascript-id1801-pdf.pdf