Vidéo: Live Workshop: Basics of JavaScript & ES6 Syntax 2024
JavaScript vous ouvre des pages Web afin que vous puissiez ajouter des fonctionnalités interactives et des touches conviviales. Bien sûr, vous devez savoir comment insérer du code JavaScript dans le code existant et quoi entrer pour obtenir les effets souhaités. Et, lorsque les choses ne fonctionnent pas bien, vous aurez peut-être besoin d'un peu d'aide pour résoudre le problème et revenir sur la bonne voie.
JavaScript Object Terms
JavaScript est un langage basé sur des objets. Pour comprendre comment interagir avec le modèle d'objet de document avec lequel vous travaillez en JavaScript, vous devez comprendre certains termes élémentaires liés aux objets. Le tableau suivant montre ceux que vous trouverez les plus utiles:
Terme | Exemple JavaScript |
---|---|
Un objet est une chose (nom). | Un bouton est un objet. |
Vous pouvez décrire un objet avec des adjectifs
(propriétés) . |
Un objet bouton a un nom nom et un type . |
Un objet peut faire des choses (méthodes) . | Un objet bouton peut cliquer sur (). |
Un objet peut répondre aux événements (gestionnaires d'événements) . | Un bouton peut reconnaître quand il a été cliqué
( onClick ) . |
Créer un lien hypertexte, charger une page Web, et plus avec JavaScript
JavaScript vous aide à inclure toutes sortes d'éléments amusants et interactifs sur une page Web, et le tableau suivant vous montre comment faire les types de tâches que vous voulez faire avec JavaScript. Que vous souhaitiez charger une page Web ou copier du code, vérifiez le mode d'emploi ici:
Pour faire ceci | Faites ceci dans le navigateur | Faites ceci dans Internet Explorer |
---|---|---|
Chargez un JavaScript activé Page Web | Double-cliquez sur l'icône Navigateur d'un fichier sur votre machine;
ou Fichier → Ouvrir la page |
Fichier → Ouvrir |
Rechercher le code JavaScript de quelqu'un d'autre | Voir → Page Source | Voir → Source |
Trouver un groupe de discussion JavaScript | → Mail & Newsgroups | Outils → Mail et News → Lire les News |
Copiez et collez le code JavaScript de quelqu'un d'autre | Ctrl + C pour copier; Ctrl + V pour coller | Ctrl + C pour copier; Ctrl + V pour coller |
Créer un lien hypertexte | … | … |
Créer un formulaire HTML | … | … |
Dépannage JavaScript
JavaScript est un outil formidable pour créer des pages Web interactives et intéressantes, mais de temps en temps rien ne fonctionne et vous ne savez pas par où commencer pour faire bouger les choses. Ne pas s'inquiéter; jetez un oeil à la liste suivante pour savoir quoi faire pour se remettre sur la bonne voie (essayez-les dans cet ordre):
-
Votre navigateur Web est-il installé et configuré correctement, y compris vos moyens de communication?
-
JavaScript est-il activé?
À partir de Navigateur: Choisissez Edition → Préférences → Avancé → Scripts et modules externes et cochez la case Activer JavaScript pour le navigateur.
De Internet Explorer:
-
Choisissez Outils → Options Internet et cliquez sur l'onglet Sécurité
-
Cliquez sur le bouton Personnaliser le niveau
-
Faites défiler la liste jusqu'à ce que la catégorie Script s'affiche
-
Sélectionnez le bouton radio Activer pour les options suivantes: Active Scripting; Autoriser le collage des opérations via un script et scripting des applets Java
-
-
Toutes vos instructions JavaScript sont-elles positionnées entre et tags (à l'exception des instructions JavaScript liées aux gestionnaires d'événements, qui ne doivent pas nécessairement l'être)?
-
Votre fichier HTML fonctionne-t-il comme il devrait si vous supprimez vos instructions JavaScript?
-
Est-ce que les noms de vos variables JavaScript commencent tous par un caractère alphabétique (ou un trait de soulignement)?
Modèle d'objet de document cross-browser basique JavaScript
Comme tout autre langage, JavaScript a sa propre grammaire et syntaxe - les règles que vous devez suivre pour être comprises. La hiérarchie d'objets de document suivante répertorie les objets intégrés avec lesquels vous pouvez travailler dans le JavaScript côté client, ainsi que leurs relations les uns avec les autres: