Maison  >  Article  >  interface Web  >  Apprenez à écrire du JavaScript

Apprenez à écrire du JavaScript

coldplay.xixi
coldplay.xixiavant
2020-11-24 16:40:544028parcourir

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>
  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>
  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>

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 变量名;变量名 = 变量值;

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>
  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>
  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>

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 变量名;变量名 = 变量值;

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent:Que signifie jquery ?Article suivant:Que signifie jquery ?