JavaScript est un langage de programmation puissant qui peut implémenter des fonctions telles que l'interaction, les effets dynamiques et la manipulation de données sur les pages Web. Les fichiers JS sont le support de stockage du code JavaScript. Cet article explique comment écrire des fichiers JS.
1. Création de fichiers JS
Les fichiers JS peuvent être créés à l'aide de n'importe quel éditeur de texte ou outil de développement JS, tel que Notepad, Sublime Text, Visual Studio Code, etc. Pour créer un fichier JS, créez simplement un nouveau fichier texte vierge et terminez le nom du fichier par .js, tel que "index.js", "script.js", etc.
2. La structure de base des fichiers JS
La structure de base des fichiers JS se compose des parties suivantes :
1 Commentaires
Les commentaires sont une partie importante du code JS, qui peut nous aider à mieux comprendre la fonction du code. . et la logique, ainsi que pour faciliter la maintenance et la modification ultérieures. Les commentaires peuvent utiliser "//" ou "/ /", le premier représente un commentaire sur une seule ligne et le second représente un commentaire sur plusieurs lignes.
2. Déclaration de fonction
La fonction est l'unité de base du code JS. Elle peut encapsuler un ensemble d'instructions JavaScript pour former un bloc réutilisable afin de réaliser la réutilisation du code et le développement modulaire. Les déclarations de fonction peuvent être créées à l'aide du mot-clé "function" et en ajoutant les paramètres de fonction et le corps de la fonction entre parenthèses.
3. Déclaration de variable
Les variables sont des mémoires dans le code JS. Elles sont utilisées pour stocker différents types de données, notamment des nombres, des chaînes, des objets, etc. Les déclarations de variables peuvent être créées à l'aide des mots-clés "var", "let" ou "const" et en ajoutant la valeur après le nom de la variable.
Voici la structure de base d'un fichier JS :
//此处为单行注释 /* 此处为多行注释 */ //函数声明 function functionName(parameter1, parameter2) { //函数体 } //变量声明 var variableName = value; let variableName = value; const variableName = value;
3 Exemples de code dans les fichiers JS
Voici quelques exemples de code dans les fichiers JS, qui montrent l'utilisation courante des fichiers JS :
1. element's Changez la couleur d'arrière-plan en rouge :
document.getElementById("element_id").style.backgroundColor = "red";
2. Créez un tableau :
let myArray = [1, 2, 3, 4, 5];
3 Déclarez une variable et attribuez-la à une chaîne :
let myString = "Hello, World!";
4. Parcourez les éléments du tableau et imprimez :
for (let i = 0; i < myArray.length; i++) { console.log(myArray[i]); }
. Introduction des fichiers JS Méthodes
Les fichiers JS peuvent être introduits des trois manières suivantes :
1. JS interne
Utilisez la balise "script" dans le fichier HTML pour introduire le fichier JS. Cette balise peut être placée en tête ou en tête. fin du fichier HTML, comme indiqué ci-dessous :
<!DOCTYPE html> <html> <head> <title>My Page</title> <script type="text/javascript" src="my_script.js"></script> </head> <body> <!-- HTML 页面内容 --> </body> </html>
2. JS externe
Introduisez des fichiers JS externes dans les fichiers HTML, vous pouvez utiliser des références de chemin absolues ou relatives, comme indiqué ci-dessous :
<script type="text/javascript" src="https://example.com/my_script.js"></script> <script type="text/javascript" src="/js/my_script.js"></script>
3. onclick et autres liaisons d'événements dans les fichiers HTML Attribut, introduisez le code JS, comme indiqué ci-dessous :
<button onclick="myFunction()">Click me</button>
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!