Minicours JavaScript
Cours hors-cadre de ?n d’ann´e e

St´phane Perret e
Version 1.30

Lyc´e cantonal de Porrentruy e Minicours JavaScript

Cours hors-cadre de ?n d’ann´e e

Table des mati`res e
1 Introduction 1.1 JavaScript et Java sont deux langages di?´rents . . . . . . . . . . . . . . e 1.2 L’utilit´ de JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . e 1.3Remarque a propos des vieux explorateurs . . . . . . . . . . . . . . . . . ` 2 Programmation en JavaScript 2.1 Premier programme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2.2 Les commentaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2.3 Les caract`res sp´ciaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . e e 2.4 L’entˆte ou le corps d’un document HTML .. . . . . . . . . . . . . . . . e 2.5 Les scripts externes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2.6 Les variables en informatique . . . . . . . . . . . . . . . . . . . . . . . . 2.6.1 L’assignation de variables en informatique . . . . . . . . . . . . . 2.7 Op´rations logiques sur les variables . . . . . . . . . . . . . . . . . . . . . e 2.7.1 Op´rations arithm´tiques . . .. . . . . . . . . . . . . . . . . . . . e e 2.7.2 Op´rations de comparaison . . . . . . . . . . . . . . . . . . . . . . e e ?nes de caract`res . . . . . . . . . . . . . . . e 2.7.3 Op´rateur sur les chaˆ 2.8 Les fenˆtres de dialogue . . . . . . . . . . . . . . . . . . . . . . . . . . . e 2.8.1 Demande d’information . . . . . . . . . . . . . . . . . . . . . . . 2.8.2 Demande de con?rmation . . . .. . . . . . . . . . . . . . . . . . 2.8.3 Alertes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2.8.4 Application : comment trouver une erreur dans le code JavaScript 2.9 Les fonctions en JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . 2.9.1 Fonctions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2.9.2 Les fonctions (et constantes) math´matiques .. . . . . . . . . . . e 2.10 Les structures de contrˆles . . . . . . . . . . . . . . . . . . . . . . . . . . o 2.10.1 La commande if … else if … else . . . . . . . . . . . . . . . . . . . 2.10.2 Une structure de contrˆle condens´e . . . . . . . . . . . . . . . . . o e 2.10.3 La commande switch . . . . . . . . . . . . . . . . . . . . . . . . . 2.10.4 La commande break . . . . . . . . . . . . .. . . . . . . . . . . . 2.11 Les boucles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2.11.1 La commande while . . . . . . . . . . . . . . . . . . . . . . . . . . 2.11.2 La commande do…while . . . . . . . . . . . . . . . . . . . . . . . 2.11.3 La commande for . . . . . . . . . . . . . . . . . . . . . . . . . . . 2.12 Les di?´rents types de donn´es . . . . . . . . . . . .. . . . . . . . . . . e e 2.12.1 Les booleans . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2.12.2 Les tableaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2.12.3 Les dates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2.12.4 Les chaˆ ?nes de caract`res . . . . . . . . . . . . . . . . . . . . . . . e 3 Interactivit´ en JavaScript e 3.1 Les boutons . .. . . . . . . . . . . . . . . . . . . 3.2 Les e?ets sur les images . . . . . . . . . . . . . . 3.3 Les formulaires . . . . . . . . . . . . . . . . . . . 3.3.1 Un exemple de formulaire sans JavaScript 4 Annexes et r´f´rences ee . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 1 1 2 2 2 3 3 3 4 4 5 5 5 5 6 6 6 6 6 7 7 8 8 8 9 10 10 11 11 1111 12 12 12 15 15 16 16 18 20 20 22

Lyc´e cantonal de Porrentruy e Minicours JavaScript

Cours hors-cadre de ?n d’ann´e e

1

Introduction

JavaScript est utilis´ dans des millions de pages web a?n d’am´liorer leur conception. e e Il s’agit d’une couche de programmation suppl´mentaire qui vient s’ajouter au langage e HTML1 . Le code HTML est le langage de base que toute page Internet…