Remerciez-le!

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

L'Altruiste : Le Javascript file:///c:/Inetpub/wwwroot/laltruiste/courspdf/cour

L'Altruiste : Le Javascript file:///c:/Inetpub/wwwroot/laltruiste/courspdf/coursjavascript.html 1 sur 270 04/09/2005 22:21 L'Altruiste : Le guide des langages Web Le Javascript Sommaire 1/Introduction 2/La structure 2.1/La casse 2.2/Les espaces 2.3/Le point-virgule 2.4/Le point 2.5/Les sauts de ligne 2.6/Les commentaires 2.7/Les types de valeurs 3/Les variables 3.1/Déclaration et affectation 3.2/La portée 3.3/Affectation du type 3.4/Les littéraux 3.5/Les tableaux de littéraux 3.6/Les littéraux booléens 3.7/Les littéraux entiers 3.8/Les littéraux à virgule flottante 3.9/Les littéraux objets 3.10/Les littéraux chaînes de caractères 3.11/Les littéraux 3.11.1/Affichage des caractères 3.11.2/Les séquences d'échappement 3.11.3/compatibilité avec le code ASCII et ISO 3.12/Les identificateurs 3.13/Les mots réservés 4/Les instructions 4.1/Les groupes 4.2/Les labels 4.3/Les instructions conditionnelles 4.3.1/If... else 4.3.2/With 4.3.3/Switch... case 4.4/Les boucles 4.4.1/For 4.4.2/Do... while 4.4.3/While 4.4.4/Continue 4.4.5/Break 4.4.6/For... in 4.5/La gestion des exceptions 4.5.1/Throw 4.5.2/Try... catch 4.5.3/Try... finally 5/Les expressions et opérateurs 5.1/Les expressions 5.2/Les opérateurs 5.3/La priorité des opérateurs 5.4/Les opérateurs d'affectation 5.5/Les opérateurs arithmétiques 5.6/Les opérateurs de comparaisons 5.7/Les opérateurs au niveau du bit 5.8/Les opérateurs booléens 5.9/Les opérateurs de concaténations 5.10/L'opérateur conditionnel 5.11/Delete 5.12/In L'Altruiste : Le Javascript file:///c:/Inetpub/wwwroot/laltruiste/courspdf/coursjavascript.html 2 sur 270 04/09/2005 22:21 5.13/Instanceof 5.14/New 5.15/This 5.16/Typeof 5.17/La virgule 5.18/Void 6/Les expressions régulières 6.1/Créations d'expressions régulières constantes 6.2/Création avec RegExp 6.3/Les attributs d'extensions de recherche 6.4/Les caractères spéciaux 6.5/Les méthodes et les objets 6.6/Les propriétés et les méthodes de RegExp 7/Les fonctions 7.1/Function 7.2/new Function 7.3/Appel d'une fonction 7.4/Les arguments 7.5/Les tableaux d'arguments 7.6/Eval 7.7/isFinite 7.8/isNaN 7.9/parseFloat 7.10/parseInt 7.11/Number 7.12/String 7.13/Escape 7.14/Unescape 7.15/Return 8/Les objets 8.1/ActiveXObject 8.2/Anchor 8.3/applet 8.4/Arguments 8.5/Array 8.6/Boolean 8.7/Button 8.8/Checkbox 8.9/Date 8.10/Dictionary 8.11/Document 8.12/Drive 8.13/Drives 8.14/Enumerator 8.15/Error 8.16/Event 8.17/File 8.18/Files 8.19/FileSystemObject 8.20/FileUpload 8.21/Folder 8.22/Folders 8.23/Form 8.24/Frame 8.25/Function 8.26/Global 8.27/hidden 8.28/History 8.29/HTMLELement 8.30/Image 8.31/Input 8.32/JavaArray 8.33/JavaClass 8.34/JavaObject 8.35/JavaPackage 8.36/JSObject L'Altruiste : Le Javascript file:///c:/Inetpub/wwwroot/laltruiste/courspdf/coursjavascript.html 3 sur 270 04/09/2005 22:21 8.37/Layer 8.38/Link 8.39/Location 8.40/Math 8.41/MimeType 8.42/Navigator 8.43/Number 8.44/Object 8.45/Option 8.46/Packages 8.47/Password 8.48/Plugin 8.49/PrivilegeManager 8.50/Radio 8.51/RegExp 8.52/Reset 8.53/Screen 8.54/Select 8.55/String 8.56/Style 8.57/Submit 8.58/Text 8.59/Textarea 8.60/TextRange 8.61/TextStream 8.62/VBArray 8.63/Window 9/Les objets DHTML pour Internet Explorer 10/Les objets Javascript pour Netscape 11/Les événements 12/Les chaînes de requêtes L'Altruiste : Le Javascript file:///c:/Inetpub/wwwroot/laltruiste/courspdf/coursjavascript.html 4 sur 270 04/09/2005 22:21 1 / Introduction Les programmes Javascript permettent de rendre dynamique un site internet développé par le langage HTML. Comme nous avons pû le constater auparavant, le langage HTML crée des pages statiques dont les carences dans le domaine de l'interactivité peuvent désormais provoquer une désaffection du public pour votre site. Créer un site interactif et dynamique peut constituer un atout indéniable pour améliorer ou conforter votre audience mais aussi afin de permettre à l'utilisateur une navigation plus aisée et de fournir un aspect attractif à votre site. Le langage Javascript permet de développer de véritables applications fonctionnant exclusivement dans le cadre d'Internet. Néanmoins, plus le degré de complexité de ces applications est important, plus la puissance de calcul du processeur sera sollicité jusque dans ses confins. Ainsi, un programme Javascript requiert une machine puissante et rapide chez l'usager. Contrairement à un applet Java qui est un programme compilé, les scripts écrits en Javascript sont interprétés, cela explique en partie la caractéristique précitée. De la même manière de sorte à ne pas confondre les différents programmes : le Java, représenté par un ou plusieurs fichiers autonomes dont l'extension sera *.class ou *.jar, est invoqué par une balise HTML spécifique, alors que le JavaScript est écrit directement au sein du document HTML sous forme d'un script encadré par des balises HTML spéciales. Cependant, le Javascript est un langage de script simplifié orienté objet dont la syntaxe est basée sur celle du Java qui lui-même prend sa source dans les langages de développement C et C++. Le langage Javascript a été initialement élaboré par Netscape en association avec Sun Microsystem. Plus tard, Microsoft développera son propre langage Javascript officiellement connu sous le nom de JScript. Tout comme, le langage HTML ou les feuilles de style, le Javascript est standardisé par un comité spécialisé, en l'occurrence l'ECMA (European Computer Manufactures Association). Afin de ne favoriser aucun des concepteurs précités, cette association a décrété que ce langage de script porterait le nom commun de ECMAScript dont les références se trouvent dans le standard ECMA-262. Ce dernier regroupe la totalité des fonctionnalités du langage Javascript aussi bien présentes dans le langage de Netscape ou de celui de Microsoft mais aussi d'autres qui ne seraient implémentées ni dans l'un, ni dans l'autre. Enfin, les programmeurs avertis ne ressentiront guère de difficultés à se familiariser à ce langage et les débutants devraient par une bonne connaissance du langage HTML et certainement par un bon investissement personnel réussir à rapidement maîtriser cet outil. Dans tous les cas, le jeu en vaut la chandelle ! Voici quelques uns des éditeurs Javascript ou HTML offrant un module Javascript: WebExpert intègre un module Javascript en plus de ces fonctonnailté HTML, Frontpage accueille naturellement son propre langage JScript, HotMetal Pro offre également la possibilité d'écrire des scripts, DreamWeaver se distingue dans la création de page dynamique, Golive propose des fonctionnalités équivalentes. L'Altruiste : Le Javascript file:///c:/Inetpub/wwwroot/laltruiste/courspdf/coursjavascript.html 5 sur 270 04/09/2005 22:21 2 / La structure La syntaxe définit des règles d'écritures sans lesquelles un programme Javascript ne pourrait fonctionner correctement. La syntaxe du langage Javascript s'appuie sur le modèle du Java, ressemblant lui-même à celui du C ou du C++. Ainsi, les programmeurs ne rencontreront aucunes difficultés à se familiariser avec cette structure. Les dilettantes n'y verront pas plus d'obstacles. L'Altruiste : Le Javascript file:///c:/Inetpub/wwwroot/laltruiste/courspdf/coursjavascript.html 6 sur 270 04/09/2005 22:21 2.1 / La casse En ce qui concerne la casse, le langage Javascript y est extrêmement sensible. Ainsi, le strict respect des majuscules et minuscules est une condition sine qua non au bon fonctionnement de vos scripts. En conséquence soyez vigilant sur la casse des variables et instructions. Par exemple, écrivez systématiquement les instructions et les variables en lettres minuscules et les constantes en lettres majuscules. var START = "début"; var Start = "un"; var start = 0; var log = LOG10E; var racine = SQRT2; L'Altruiste : Le Javascript file:///c:/Inetpub/wwwroot/laltruiste/courspdf/coursjavascript.html 7 sur 270 04/09/2005 22:21 2.2 / Les espaces L'insertion des espaces peut s'éffectuer n'importe où dans le script comme lors d'une rédaction habituelle. C'est-à-dire, des espaces peuvent séparer les valeurs des opérateurs et eux-mêmes des identificateurs, etc.. //Dans ce cas les deux méthodes sont bonnes var identificateur="Valeur"; var identificateur = "Valeur"; //Par contre ici le mot-clé var. var initialisation = i + 1; //ne peut être accoché à l'identificateur. var initialisation=i+1; //Cette méthode est correct. document.write("Chapitre"); //Celle-ci l'est également. document.write ( "Chapitre" ); //Ici ce n'est pas bon ! document . write ( "Chapitre" ); L'Altruiste : Le Javascript file:///c:/Inetpub/wwwroot/laltruiste/courspdf/coursjavascript.html 8 sur 270 04/09/2005 22:21 2.3 / Le point-virgule Chaque commande doit être terminée par un point-virgule (;). Bien que cela ne soit pas obligatoire, il est préférable pour de bonnes règles de programmation de respecter systématiquement cette règle. var increment = i+1; var jour = "Lundi"; if (choix == "non") { document.write('Votre choix est l\'abandon'); } L'Altruiste : Le Javascript file:///c:/Inetpub/wwwroot/laltruiste/courspdf/coursjavascript.html 9 sur 270 04/09/2005 22:21 2.4 / Le point Dans les opérations mathématiques, un nombre à virgule flottante est séparé en France par une virgule, mais celle-ci a une signification particulière dans le langage Javascript. C'est pourquoi, ces nombres doivent être séparés par un point (.) comme le montre ces exemples : var PI = 3.141592654; var prix = 2.50; nb = 5.3 * 14.025; L'Altruiste : Le Javascript file:///c:/Inetpub/wwwroot/laltruiste/courspdf/coursjavascript.html 10 sur 270 04/09/2005 22:21 2.5 / Les sauts de ligne Les sauts de ligne peuvent être placés partout où se trouve un espace, y compris au sein d'une commande. Néanmoins, afin d'éviter toutes ambiguités, il vaudra mieux éviter de découper sur plusieurs lignes une instruction car si les sauts de ligne ne sont pas correctement interpréter, un point-virgule pourrait être inséré automatiquement en fin de ligne rendant la commande inopérante. var texte = "ce texte est bien trop long pour tenir sur une seule ligne, c\'est pourquoi un saut de ligne sera nécessaire"; var init = 0; document.write("document.write("<html><head>" + "<title>Rémunération sur Internet</title> + "</head><body bgcolor='#D5DECC'>" + "<a href='http://www.domaine.com/' target='_blank'> + "<img src='images/image.gif' border="0"></a>"); L'Altruiste : Le Javascript file:///c:/Inetpub/wwwroot/laltruiste/courspdf/coursjavascript.html 11 sur 270 04/09/2005 22:21 2.6 / Les commentaires Les commentaires permettent de rendre votre code lisible et surtout d'en faciliter ultérieurement la maintenance. En général, l'insertion de commentaire se fait soit en fin de ligne, soit sur une nouvelle ligne mais en aucun cas au sein d'une ligne de commande. Il existe deux méthodes permettant d'intégrer des commentaires à vos scripts. La première consiste à placer un double slash (//) devant le texte comme dans l'exemple ci-dessous : var image = "fond.gif"; //image de fond if (x=2) //redirection vers la seconde page { url = ("page2.html"); //action... } else { //sinon retourne à la page d'accueil url = ("accueil.html"); } La seconde solution est d'encadrer le texte par un slash suivi d'une étoile (/*) et la même séquence inversée (*/) comme le montre l'exemple suivant : /*Voici un commentaire*/ /* Encore un autre commentaire */ /*Ce commentaire est écrit sur deux lignes*/ L'Altruiste : Le Javascript file:///c:/Inetpub/wwwroot/laltruiste/courspdf/coursjavascript.html 12 sur uploads/s3/ cours-javascript 1 .pdf