Maison > interface Web > js tutoriel > Apprenez à écrire du JavaScript

Apprenez à écrire du JavaScript

coldplay.xixi
Libérer: 2020-11-24 16:40:54
avant
4123 Les gens l'ont consulté

La colonne

javascript présente comment écrire du JavaScript.

Apprenez à écrire du JavaScript

Recommandations d'apprentissage gratuites associées : JavaScript (vidéo)

Article d'introduction à JavaScript :

Si vous savez déjà écrire du HTML et du CSS, mais que vous n'avez pas encore appris JavaScript, vous pouvez commencer à apprendre grâce à l'article de l'auteur ici.

JavaScript est un moteur V8 exécuté dans le moteur JS.
Où JavaScript est écrit est la première chose que nous devons savoir.

peut être écrit à trois endroits au total.

  1. En ligne, ajoutez des événements aux éléments
<button onclick=&#39;alert("hello")&#39;>按钮</button>
Copier après la connexion
Copier après la connexion
  1. Écrivez à l'intérieur du html
    (généralement placé avant la balise de fermeture du corps, en tout html après le contenu)
<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS代码</script>
Copier après la connexion
Copier après la connexion
  1. est écrit dans un fichier j externe avec un suffixe .js, puis cité.
    Par exemple, maintenant j'écris un fichier index.js et je le place dans le même répertoire que votre html
<script src="./index.js"></script>
Copier après la connexion
Copier après la connexion

Note Points :
1. src introduit le chemin du fichier JS externe
2. doit apparaître seul
3. Entre les balises de début et de fin. Aucun code JS n'apparaîtra et il ne sera pas exécuté s'il apparaît.

Méthode d'entrée de sortie JavaScript

Sortie :

  1. alert('prompt message'); - - Une boîte d'avertissement apparaîtra. Interrompre le rendu du navigateur et d'autres opérations.
  2. document.write('content'); - - Imprimer le contenu de sortie dans le flux de document. Cette approche n’est généralement pas utilisée. Peut être compris.
  3. console.log('prompt content'); - - Afficher le contenu du journal sur la console (la console est ce qui apparaît après avoir utilisé F12 sur la page). Les programmeurs front-end doivent être appris, car un débogage continu est nécessaire pendant le processus de développement du projet. Surtout lorsque des bugs ennuyeux apparaissent. Pour plus de façons de jouer à console.logVous pouvez lire un autre article de l'auteur : Les opérations sympas de la console que vous ne connaissez pas

Entrée :

  1. invite (message d'invite)
    L'utilisateur clique sur le bouton de confirmation pour obtenir la valeur saisie par l'utilisateur. L'utilisateur clique sur le bouton d'annulation et obtient null
  2. Zone de saisie dans la zone de saisie. form
    tel que input, textarea Attendez ou changez l'élément en un état modifiable (si vous ne savez pas comment changer l'élément en un état modifiable, vous pouvez lire le principe de mise en œuvre de l'éditeur de texte enrichi de l'auteur)
Variables JavaScript.

Variable : Espace de stockage des données en mémoire Les données stockées dans cet espace peuvent changer au fur et à mesure de l'opération.
Trois éléments de variables :
1. Nom de la variable
2. Valeur de la variable
3. Type de données
JS est un langage de type faible (dynamique) et ne se soucier des variables Le type de données au moment de la création ne peut être déterminé qu'après l'exécution.
Syntaxe :
Définir des variables :

var 变量名 = 变量值;//分解var 变量名;变量名 = 变量值;
Copier après la connexion
Copier après la connexion

Dans le développement réel d'un projet, var n'est fondamentalement pas utilisé pour déclarer des variables. Généralement, const et let sont utilisés pour déclarer des variables, car var a des problèmes d'amélioration de la réputation et de fuites de mémoire. Pour plus d’informations sur const et let, veuillez consulter l’introduction de l’auteur b à ES6.
Règles de dénomination des variables :
a. Caractères pouvant être inclus : lettres, chiffres, _, $
b. Ne peut pas commencer par un chiffre
c. mot-clé ou mots réservés
Mots-clés/mots réservés : Mots avec des significations grammaticales fixes
Pour plus de détails sur les mots-clés et les mots réservés, veuillez consulter Mots-clés et mots réservés ECMAScript pour une introduction détaillée
d. Faites une distinction stricte entre les lettres majuscules et minuscules
Spécifications de dénomination des variables :
a. Utilisez des mots anglais concis comme noms de variables, afin que vous puissiez comprendre la signification du nom.
b. Lorsqu'il y a plusieurs mots, la première lettre du premier mot est en minuscule et la première lettre des autres mots est en majuscule.

Pour une introduction détaillée aux types de données des variables, veuillez consulter Introduction aux types de données JavaScript

Introduction vers l'article JavaScript :

Si vous savez déjà comment écrire du HTML et du CSS, mais que vous n'avez pas encore appris JavaScript, vous pouvez commencer à apprendre de l'article de l'auteur ici.

JavaScript est un moteur V8 exécuté dans le moteur JS.
Où JavaScript est écrit est la première chose que nous devons savoir.

peut être écrit à trois endroits au total.

  1. En ligne, ajoutez des événements aux éléments
<button onclick=&#39;alert("hello")&#39;>按钮</button>
Copier après la connexion
Copier après la connexion
  1. Écrivez à l'intérieur du html
    (généralement placé avant la balise de fermeture du corps, en tout html après le contenu)
<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS代码</script>
Copier après la connexion
Copier après la connexion
  1. est écrit dans un fichier j externe avec un suffixe .js, puis cité.
    Par exemple, maintenant j'écris un fichier index.js et je le place dans le même répertoire que votre html
<script src="./index.js"></script>
Copier après la connexion
Copier après la connexion

Note Points :
1. src introduit le chemin du fichier JS externe
2. doit apparaître seul
3. Entre les balises de début et de fin. Aucun code JS n'apparaîtra et il ne sera pas exécuté s'il apparaît.

Méthode d'entrée de sortie JavaScript

Sortie :

  1. alert('prompt message'); - - Une boîte d'avertissement apparaîtra. Interrompre le rendu du navigateur et d'autres opérations.
  2. document.write('content'); - - Imprimer le contenu de sortie dans le flux de document. Cette approche n’est généralement pas utilisée. Peut être compris.
  3. console.log('prompt content'); - - Afficher le contenu du journal sur la console (la console est ce qui apparaît après avoir utilisé F12 sur la page). Les programmeurs front-end doivent être appris, car un débogage continu est nécessaire pendant le processus de développement du projet. Surtout lorsque des bugs ennuyeux apparaissent. Pour plus de façons de jouer à console.logVous pouvez lire un autre article de l'auteur : Les opérations sympas de la console que vous ne connaissez pas

Entrée :

  1. invite (message d'invite)
    L'utilisateur clique sur le bouton de confirmation pour obtenir la valeur saisie par l'utilisateur. L'utilisateur clique sur le bouton d'annulation et obtient null
  2. Zone de saisie dans la zone de saisie. form
    tel que input, textarea Attendez ou changez l'élément en un état modifiable (si vous ne savez pas comment changer l'élément en un état modifiable, vous pouvez lire le principe de mise en œuvre de l'éditeur de texte enrichi de l'auteur)
Variables JavaScript.

Variable : Espace de stockage des données en mémoire Les données stockées dans cet espace peuvent changer au fur et à mesure de l'opération.
Trois éléments de variables :
1. Nom de la variable
2. Valeur de la variable
3. Type de données
JS est un langage de type faible (dynamique) et ne se soucier des variables Le type de données au moment de la création ne peut être déterminé qu'après l'exécution.
Syntaxe :
Définir des variables :

var 变量名 = 变量值;//分解var 变量名;变量名 = 变量值;
Copier après la connexion
Copier après la connexion

Var n'est fondamentalement pas utilisé pour déclarer des variables dans le processus de développement réel du projet. Généralement, const et let sont utilisés pour déclarer des variables, car var a des problèmes d'amélioration de la réputation et de fuites de mémoire. Pour plus d’informations sur const et let, veuillez consulter l’introduction de l’auteur b à ES6.
Règles de dénomination des variables :
a. Caractères pouvant être inclus : lettres, chiffres, _, $
b. Ne peut pas commencer par un chiffre
c. mot-clé ou mots réservés
Mots-clés/mots réservés : Mots avec des significations grammaticales fixes
Pour plus de détails sur les mots-clés et les mots réservés, veuillez consulter Mots-clés et mots réservés ECMAScript pour une introduction détaillée
d. Faites une distinction stricte entre les lettres majuscules et minuscules
Spécifications de dénomination des variables :
a. Utilisez des mots anglais concis comme noms de variables, afin que vous puissiez comprendre la signification du nom.
b. Lorsqu'il y a plusieurs mots, la première lettre du premier mot est en minuscule et la première lettre des autres mots est en majuscule.

Pour une introduction détaillée aux types de données des variables, veuillez consulter JavaScript introduction aux types de données

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!

Étiquettes associées:
source:csdn.net
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