Comment lier javascript en HTML-Questions et réponses frontales-php.cn

Comment lier javascript en HTML

WBOY

Libérer： 2023-05-09 15:33:07

original

3463 Les gens l'ont consulté

Dans le développement Web, Javascript est largement utilisé dans la validation de formulaires de sites Web, les effets d'animation, l'interactivité, etc. Afin d'activer Javascript, nous devons lier un fichier JS dans le HTML. Cet article expliquera comment lier Javascript en HTML.

1. Intégrer Javascript

La méthode la plus basique consiste à intégrer le code Javascript directement dans la page HTML sans lier aucun fichier dans le document HTML. Comme indiqué ci-dessous :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>嵌入Javascript</title>
</head>
<body>
    <script>
      //在这里写Javascript代码
    </script>
</body>
</html>

Copier après la connexion

La manière d'intégrer du code Javascript convient à des exigences fonctionnelles très simples, ce qui constitue le moyen le plus rapide sur toutes les plateformes.

2. Fichiers Javascript de lien externe

Lorsque la quantité de code Javascript augmente progressivement, nous devons écrire le code dans un fichier .js séparé, puis charger l'intégralité du programme Javascript en liant le fichier .js en HTML. Nous pouvons créer un nouveau fichier .js, copier et coller le code Javascript dans le fichier, puis lier le fichier dans la page HTML. Comme indiqué ci-dessous :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>外链Javascript</title>
</head>
<body>
    <script src="helloworld.js"></script>
</body>
</html>

Copier après la connexion

L'attribut "src" spécifie le chemin à relier au fichier Javascript externe. Dans l'exemple ci-dessus, le nom du fichier est « helloworld.js ». Notez que le chemin du fichier doit être spécifié par rapport à l'emplacement du fichier HTML.

3. Lien vers la bibliothèque CDN externe

Généralement, nous pouvons obtenir la bibliothèque Javascript depuis le CDN (Content Delivery Network) pour réduire la charge sur le serveur et obtenir une vitesse de chargement des pages Web plus rapide. Par exemple, des bibliothèques comme jQuery et Bootstrap sont disponibles auprès de Google et Bootstrap CDN. L'utilisation d'un CDN nécessite souvent de modifier le chemin du lien dans votre code vers le lien du CDN. Comme indiqué ci-dessous :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>链接CDN库</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
    <!-- 在这里调用jQuery代码 -->
</body>
</html>

Copier après la connexion

Dans l'exemple ci-dessus, nous avons utilisé le lien CDN de jQuery. Veuillez noter que lorsque vous utilisez un CDN, vous devez choisir de signaler une adresse CDN relativement stable et d'utiliser un lien https pour garantir la sécurité du site Web.

Cet article présente différentes manières de lier Javascript en HTML : intégration de Javascript, liaison externe de fichiers Javascript et liaison de bibliothèques CDN externes. Les deux premières méthodes conviennent aux petits projets, tandis que les bibliothèques CDN externes conviennent aux grands projets avec une fiabilité et une vitesse élevées. Dans le développement Web actuel, nous pouvons choisir une méthode appropriée pour créer des liens Javascript en fonction de la situation réelle, des besoins et de la sécurité du projet.

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!