Maison > Article > interface Web > Deux façons d'importer des fichiers js en Javascript
Deux façons d'importer des fichiers js en Javascript
- autoloadoriginal
- 2021-04-13 11:32:469883parcourir
Afin d'éviter d'afficher une grande quantité de code dans HTML, nous choisissons généralement de mettre js脚本 dans un fichier séparé, puis d'importer js文件 dans HTML . Cela peut rendre le fichier HTML plus concis. Cet article présente principalement les deux manières d'importer js脚本 : l'importation traditionnelle et l'importation de module.
Confirmez d'abord l'emplacement du js脚本 qui doit être importé. Cet article se trouve dans le même chemin que le fichier HTML.
1. Import traditionnel :
Contenu du script JS :
//文件名：example.js let a="呵呵姑娘";
Contenu HTML :
<!-- example.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="./example.js"></script>
<script>
console.log(a);
</script>
</body>
</html> 2. Import du module :
Contenu du script JS :
//文件名：example.js
let a="呵呵姑娘";
export {a}; Contenu HTML :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script type="module">
import {a} from './example.js';
console.log(a);
</script>
</body>
</html>Recommandé : "Questions et réponses de l'entretien js 2021 (grand résumé) " Tutoriel js》
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!