Remerciez-le!

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

JavaScript JavaScript Introduction Introduction (1) (1) Javascript permet de r

JavaScript JavaScript Introduction Introduction (1) (1) Javascript permet de rendre dynamique un site internet Javascript permet de rendre dynamique un site internet développé en HTML. développé en HTML. Javascript permet de développer de véritables applications Javascript permet de développer de véritables applications fonctionnant exclusivement dans le cadre d'Internet. fonctionnant exclusivement dans le cadre d'Internet. Le Javascript est un langage de script simplifié orienté Le Javascript est un langage de script simplifié orienté objet dont la syntaxe est basée sur celle du Java. objet dont la syntaxe est basée sur celle du Java. Javascript a été initialement élaboré par Netscape en Javascript a été initialement élaboré par Netscape en association avec Sun Microsystem. association avec Sun Microsystem.  Plus tard, Microsoft développera son propre langage Javascript officiellement Plus tard, Microsoft développera son propre langage Javascript officiellement connu sous le nom de connu sous le nom de JScript JScript. . Introduction Introduction (2) (2) Contrairement à un applet Java qui est un programme Contrairement à un applet Java qui est un programme compilé, les scripts écrits en Javascript sont compilé, les scripts écrits en Javascript sont interprétés interprétés Le Java, représenté par un ou plusieurs fichiers autonomes Le Java, représenté par un ou plusieurs fichiers autonomes dont l'extension sera dont l'extension sera *.class *.class ou ou *.jar *.jar, est invoqué par une balise , est invoqué par une balise HTML spécifique HTML spécifique Le JavaScript est Le JavaScript est écrit directement au sein du document écrit directement au sein du document HTML HTML sous forme d'un script encadré par des balises HTML sous forme d'un script encadré par des balises HTML spéciales. spéciales. Javascript est standardisé par un comité spécialisé, Javascript est standardisé par un comité spécialisé, l'ECMA (European Computer Manufactures Association). l'ECMA (European Computer Manufactures Association). HTML et JavaScript HTML et JavaScript la page HTML devra TOUJOURS contenir les deux balises la page HTML devra TOUJOURS contenir les deux balises spécifiques et indispensables spécifiques et indispensables Le code JavaScript s’intègre de deux manière avec le code Le code JavaScript s’intègre de deux manière avec le code HTML HTML 1. 1. Insertion directe Insertion directe dans le code HTML dans le code HTML Le code JavaScript s'insère le plus souvent dans la page HTML elle même. Le code JavaScript s'insère le plus souvent dans la page HTML elle même. C'est la méthode la plus simple et la plus fréquemment utilisée par les développeurs de C'est la méthode la plus simple et la plus fréquemment utilisée par les développeurs de sites Internet. sites Internet. 2. 2. Insertion comme un module externe Insertion comme un module externe <script language="JavaScript"> <script language="JavaScript"> ............ ............ </script> </script> 1. Insertion dans une page HTML 1. Insertion dans une page HTML Il existe Il existe 2 manières 2 manières d'insérer du code JavaScript dans une page d'insérer du code JavaScript dans une page HTML HTML 1.1 Insertion pour exécution directe 1.1 Insertion pour exécution directe Le code s'exécute automatiquement Le code s'exécute automatiquement lors du chargement de la page HTML lors du chargement de la page HTML dans le navigateur en même temps que dans le navigateur en même temps que le contenu de la page HTML le contenu de la page HTML s'affiche à l'écran. s'affiche à l'écran. Le code JavaScript est placé Le code JavaScript est placé dans le corps même de la page HTML, dans le corps même de la page HTML, entre les balises entre les balises <body> <body> .......... Et .......... Et ......... ......... </body> </body> <html> <head> <title>..... </title> </head> <body> <script language="JavaScript"> alert(‘bonjour’); </script> </body> </html> 2. Insertion par appel de module externe 2. Insertion par appel de module externe On peut insérer du code JavaScript en faisant appel à un module On peut insérer du code JavaScript en faisant appel à un module externe se trouvant à n’importe quelle adresse (URI). externe se trouvant à n’importe quelle adresse (URI). Les deux balises de Javascript doivent être placés entre les Tags Les deux balises de Javascript doivent être placés entre les Tags <body> <body> et et </body> </body> dans le cas d'une exécution directe ou entre les Tags dans le cas d'une exécution directe ou entre les Tags <head> <head> et et </head> </head> de la page HTML pour une exécution différée. de la page HTML pour une exécution différée. Stocké dans un fichier sur le serveur à son adresse d'appel sous forme de Stocké dans un fichier sur le serveur à son adresse d'appel sous forme de TEXTE SIMPLE TEXTE SIMPLE portant l'extension portant l'extension .txt .txt ou ou .js .js Simplifie la maintenance des sites faisant appel à des modules JavaScript Simplifie la maintenance des sites faisant appel à des modules JavaScript communs à plusieurs pages HTML. communs à plusieurs pages HTML. Inconvénient : l'appel au code externe génère une requête supplémentaire vers Inconvénient : l'appel au code externe génère une requête supplémentaire vers le serveur, et encombre le réseau le serveur, et encombre le réseau <script src=" <script src="URL du module externe URL du module externe"> "> ............ ............ </script> </script> Entrée et sortie de données avec JavaScript Entrée et sortie de données avec JavaScript 3 types de boites de messages peuvent être affichés en 3 types de boites de messages peuvent être affichés en utilisant Javascript : utilisant Javascript : Alerte, Confirmation et Invite Alerte, Confirmation et Invite Méthode alert() Méthode alert() sert à afficher à l’utilisateur des informations simples de type texte. Une fois sert à afficher à l’utilisateur des informations simples de type texte. Une fois que ce dernier a lu le message, il doit cliquer sur OK pour faire disparaître la que ce dernier a lu le message, il doit cliquer sur OK pour faire disparaître la boîte boîte Méthode confirm() Méthode confirm() permet à l’utilisateur de choisir entre les boutons OK et Annuler. permet à l’utilisateur de choisir entre les boutons OK et Annuler. Méthode prompt() Méthode prompt() La méthode prompt() permet à l’utilisateur de taper son propre message en La méthode prompt() permet à l’utilisateur de taper son propre message en réponse à la question posée réponse à la question posée La méthode La méthode document.write document.write permet d ’écrire du code HTML permet d ’écrire du code HTML dans la page WEB dans la page WEB Entrée et sortie de données avec JavaScript Entrée et sortie de données avec JavaScript <html> <head> <title> une page simple </title> </head> <body> Bonjour <script language='javascript'> alert('bonjour'); document.write ( prompt('quel est votre nom ?','Indiquer votre nom ici') ); confirm('quel bouton allez-vous choisir ?'); </script> </body> </html> La structure d’un script en JavaScript La structure d’un script en JavaScript  La syntaxe du langage Javascript s'appuie sur le modèle de La syntaxe du langage Javascript s'appuie sur le modèle de Java et C Java et C  Règles générales Règles générales 1. 1. L'insertion des espaces peut s'effectué n'importe où dans le script L'insertion des espaces peut s'effectué n'importe où dans le script  Chaque commande doit être terminée par un point-virgule (;). Chaque commande doit être terminée par un point-virgule (;).  Un nombre à virgule est séparé par un point (.) et non par une virgule Un nombre à virgule est séparé par un point (.) et non par une virgule  Le langage Javascript y est Le langage Javascript y est sensible à la casse sensible à la casse  Il existe deux méthodes permettant d'intégrer des commentaires à Il existe deux méthodes permettant d'intégrer des commentaires à vos scripts vos scripts. . – Placer un double slash (//) devant le texte – Encadrer le texte par un slash suivi d'une étoile (/*) et la même séquence inversée (*/) Les variables Les variables (1) (1) Déclaration et affectation Déclaration et affectation Le mot-clé Le mot-clé var var permet de déclarer permet de déclarer une ou plusieurs variables. une ou plusieurs variables. Après la déclaration de la variable, il est Après la déclaration de la variable, il est possible de lui affecter une valeur par possible de lui affecter une valeur par l'intermédiaire du signe d'égalité ( l'intermédiaire du signe d'égalité (= =). ). Si une valeur est affectée à une Si une valeur est affectée à une variable sans que cette dernière ne variable sans que cette dernière ne soit déclarée, alors Javascript la soit déclarée, alors Javascript la déclare automatiquement. déclare automatiquement. //Déclaration de i, de j et de k. var i, j, k; //Affectation de i. i = 1; //Déclaration et affectation de prix. var prix = 0; //Déclaration et affectation de caractere var caractere = ["a", "b", "c"]; Les variables Les variables (2) (2) Déclaration et affectation Déclaration et affectation La lecture d'une variable non déclarée provoque une erreur La lecture d'une variable non déclarée provoque une erreur Une variable correctement déclarée mais dont aucune Une variable correctement déclarée mais dont aucune valeur n'est affectée, est indéfinie (undefined). valeur n'est affectée, est indéfinie (undefined). La portée La portée les variables peuvent être globales ou locales. les variables peuvent être globales uploads/S4/ javascript.pdf