Introduction
javascript : est un langage de script multiplateforme ; c'est un langage de programmation léger.
JavaScript est le langage de programmation du Web. Toutes les pages HTML modernes utilisent JavaScript.
HTML : structuration
css : performances
JS : Comportement
HTML + CSS ne peut être appelé qu'une page Web statique, l'ajout d'une page Web js a une âme et s'appelle une page Web dynamique
Fonctionnalités du langage de script :
Il ne peut pas fonctionner indépendamment, mais dépend de la page Web ;
Code de programmation pouvant être inséré dans une page HTML.
Une fois inséré dans une page HTML, il peut être exécuté par tous les navigateurs modernes.
Il existe deux façons d'utiliser le javascript dans les pages Web :
Méthode 1 : écrivez directement dans la balise script ;
Méthode 2 : Référencer le code js externe
Remarque :
1. Il peut y avoir plusieurs balises de script et plusieurs balises de script sont exécutées séquentiellement de haut en bas
2. Le rôle d'alert() : contrôler le navigateur pour faire apparaître une boîte de dialogue d'alerte
Exemple de méthode 1 : écrire directement dans la balise script
1. Créez un nouveau fichier html (par exemple : demo.html) et écrivez le contenu suivant dans le fichier
<!DOCTYPE HTML>
<html>
<title>hello world</title>
<body>
</body>
</html>
2. Insérez une balise de script dans le fichier html
<script>alert("hello world"); </script>
<script>alert("hello world-2"); </script>
3. Ouvrez le fichier html avec un navigateur, vous pouvez voir hello world
Après avoir cliqué sur OK, vous pouvez voir hello world-2
Le contenu complet du fichier demo.html est le suivant :
<!DOCTYPE HTML>
<html>
<title>hello world</title>
<body>
<script>alert("hello world"); </script>
<script>alert("hello world-2"); </script>
</body>
</html>
Exemple de méthode 2 : référencement de code js externe
1. Créez un nouveau fichier html (par exemple : demo.html) et écrivez le contenu suivant dans le fichier
<!DOCTYPE HTML>
<html>
<title>hello world</title>
<body>
</body>
</html>
2. Créez un nouveau fichier js (tel que demojs.js) dans le même répertoire que le fichier html (tel que demo.html) et écrivez le contenu suivant dans le fichier
alert("hello world");
3. Référencez le code js externe dans le fichier html (tel que : demojs.js)
<script src="./demojs.js">alert("hello world-2");</script>
<script>alert("hello world-3");</script>
4. Ouvrez le fichier html avec un navigateur, vous pouvez voir hello world
Après avoir cliqué sur OK, vous pouvez voir hello world-3
Le contenu complet du fichier demo.html est le suivant :
<!DOCTYPE HTML>
<html>
<title>hello world</title>
<body>
<script src="./demojs.js">alert("hello world-2");</script>
<script>alert("hello world-3");</script>
</body>
</html>
Remarque : Une fois la balise de script importée dans un fichier externe, vous ne pouvez pas écrire de code, même si vous l'écrivez, le navigateur l'ignorera automatiquement.
Si nécessaire, créez un autre code de script.