recherche

Maison >interface Web >Questions et réponses frontales >Comment activer javascript

Comment activer javascript

PHPz
PHPzoriginal
2023-04-25 10:42:371963parcourir

JavaScript est un langage de script largement utilisé dans les pages Web. Il peut obtenir des effets dynamiques, une interactivité et une praticité dans les pages Web. Si vous souhaitez utiliser JavaScript dans vos pages Web, vous devez savoir comment l'activer.

Dans cet article, nous verrons comment activer JavaScript et comment choisir la bonne façon de l'activer.

1. Scripts en ligne

Le moyen le plus simple d'utiliser JavaScript dans les pages Web consiste à utiliser des scripts en ligne. Le script en ligne est un code JavaScript intégré directement dans les balises HTML d'une page Web. Par exemple : 

<!DOCTYPE html>
<html>
  <head>
    <title>JavaScript Example</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <button onclick="alert(&#39;Hello, World!&#39;)">Click me</button>
  </body>
</html>

Dans cet exemple, nous activons JavaScript en ajoutant l'attribut onclick sur la balise bouton. Lorsque l'utilisateur clique sur le bouton, une boîte de message apparaît avec le texte « Hello, World ! »

Bien que les scripts en ligne soient très simples et faciles à utiliser, ils présentent également certains inconvénients. Premièrement, cela rend le code difficile à maintenir car le code JavaScript est mélangé avec du HTML. Deuxièmement, il n'est pas pratique de réutiliser le code JavaScript, car chaque page qui doit utiliser le code doit ajouter manuellement le code correspondant.

2. Script interne

Une autre façon d'activer JavaScript consiste à utiliser des scripts internes. Les scripts internes sont du code JavaScript intégré directement dans les balises HTML d'une page Web. Par exemple : 

<!DOCTYPE html>
<html>
  <head>
    <title>JavaScript Example</title>
    <script>
      function showMessage() {
        alert('Hello, World!');
      }
    </script>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <button onclick="showMessage()">Click me</button>
  </body>
</html>

Dans cet exemple, nous intégrons le code JavaScript dans la balise head. Ensuite, nous avons ajouté l'attribut onclick sur l'étiquette du bouton, qui appellera la fonction showMessage pour faire apparaître une boîte de message lorsque l'utilisateur clique sur le bouton.

L'utilisation de scripts internes nous permet de séparer le code JavaScript du HTML, ce qui rend le code plus facile à maintenir. Mais comme les scripts en ligne, cela nécessite toujours d'ajouter manuellement le code correspondant sur chaque page qui le nécessite.

3. Scripts externes

L'utilisation de scripts externes est l'un des moyens les plus courants d'activer JavaScript. Un script externe est un fichier JavaScript distinct qui peut être réutilisé par plusieurs pages. Par exemple : 

<!DOCTYPE html>
<html>
  <head>
    <title>JavaScript Example</title>
    <script src="script.js" defer></script>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <button onClick="showMessage()">Click me</button>
  </body>
</html>

Dans cet exemple, nous avons ajouté une balise script dans la balise head qui pointe vers le fichier script.js. Dans le fichier script.js, nous définissons la fonction showMessage. Ensuite, nous avons ajouté l'attribut onclick sur la balise bouton, qui appellera la fonction showMessage.

Remarque : Nous avons également ajouté l'attribut defer, qui provoque l'exécution du fichier JavaScript après l'analyse du document HTML, garantissant ainsi que le code ne bloque pas le chargement d'autres contenus.

L'utilisation de scripts externes nous permet de séparer complètement le code JavaScript du HTML, rendant le code plus clair et plus facile à comprendre et facilement réutilisé sur plusieurs pages.

Résumé

Il existe de nombreuses façons d'activer JavaScript. Les scripts en ligne sont le moyen le plus simple de l'activer, mais c'est aussi le moins souhaitable car ils rendent difficile la maintenance et la réutilisation du code. Les scripts internes peuvent séparer le code du HTML, mais vous devez toujours ajouter le code manuellement sur chaque page. Les scripts externes constituent le meilleur moyen d'activer JavaScript car ils séparent complètement le code du HTML et peuvent être facilement réutilisés sur plusieurs pages.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

JavaScript html JS
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment utiliser JavaScript pour implémenter la fonction backArticle suivant：Comment utiliser JavaScript pour implémenter la fonction back

Articles Liés

Voir plus