Maison  >  Article  >  interface Web  >  Compréhension approfondie des deux méthodes d'introduction de fichiers JS dans les pages HTML

Compréhension approfondie des deux méthodes d'introduction de fichiers JS dans les pages HTML

yulia
yuliaoriginal
2018-10-10 10:25:218731parcourir

Une page complète se compose de HTML (structure), CSS (performances) et JavaScript (comportement). Alors, savez-vous comment introduire des fichiers JS dans des pages HTML ? Cet article vous parlera de deux méthodes pour introduire des fichiers JS dans les pages HTML. Les amis intéressés peuvent s'y référer. J'espère que cela pourra vous aider !

Pour introduire des fichiers JS dans des pages HTML, vous devez utiliser la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a, car la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a indique à JavaScript où commencer l'exécution et où terminer.

1. Importez les fichiers JS en externe

Sous la balise b2386ffb911b14667cb8f0f91ea547a7, importez le fichier JS dans la balise 93f0f5c25f18dab9d176bd4f6de5d30e Les fichiers peuvent être séparés, obtenant ainsi l'effet de séparation front-end et back-end, et il est plus pratique d'écrire et de modifier du code de cette manière. Le même fichier JS peut être référencé par plusieurs pages HTML, donc dans le projet nous. utilisez généralement des fichiers JS importés en externe.

Le code pour importer des fichiers JS en externe est le suivant :

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <script type="text/javascript" src="js/index.js" ></script>
 </head>
 <body>
  <p id="demo">点击按钮将数组转为字符串</p>
  <button onclick="myFunction()">点击</button>
 </body>
</html>

2. Intégrer des fichiers JS dans des pages HTML

Placer JavaScript dans HTML. pages Dans la balise 6c04bd5ca3fcae76e30b72ad730ca86d, nous plaçons généralement le fichier JS en bas de la page afin qu'il n'interfère pas avec le contenu de la page. Lorsque vous apprendrez JavaScript pour la première fois, vous intégrerez des fichiers JS dans des pages HTML car c'est relativement simple. La méthode d'intégration convient aux situations où il n'y a pas beaucoup de code, comme l'écriture d'un petit test.

Le code pour intégrer des fichiers JS dans des pages HTML est le suivant :

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>
  <p id="demo">点击按钮将数组转为字符串</p>
  <button onclick="myFunction()">点击</button>
 </body>
 <script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger"];
   var str=animal.toString();
   document.write("类型是:"+typeof(str)+",字符串是:"+str);   
  }
 </script>
</html>

Ce qui précède présente deux méthodes d'introduction de fichiers JS dans des pages HTML. Chacune a ses propres avantages et inconvénients. pour lequel choisir La méthode dépend des besoins professionnels et des habitudes personnelles. Les débutants peuvent l'essayer eux-mêmes. J'espère que cet article vous sera utile !

Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo JavaScript Formation php sur le bien-être public

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!

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