Comment écrire un fichier javascript js

WBOY
Libérer: 2023-05-16 09:10:37
original
6145 Les gens l'ont consulté

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;
Copier après la connexion

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";
Copier après la connexion

2. Créez un tableau :

let myArray = [1, 2, 3, 4, 5];
Copier après la connexion

3 Déclarez une variable et attribuez-la à une chaîne :

let myString = "Hello, World!";
Copier après la connexion

4. Parcourez les éléments du tableau et imprimez :

for (let i = 0; i < myArray.length; i++) {
   console.log(myArray[i]);
}
Copier après la connexion

. 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>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion
Ce qui précède est la création, la structure de base, l'exemple de code et la méthode d'introduction du fichier JS. J'espère que cet article pourra vous aider à mieux comprendre la programmation JavaScript. et les méthodes d'écriture de fichiers 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!

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal