Maison interface Web js tutoriel Comment apprendre le langage JavaScript ? Quels sont les points importants et difficiles de l'apprentissage ?

Comment apprendre le langage JavaScript ? Quels sont les points importants et difficiles de l'apprentissage ?

Jul 31, 2017 pm 01:59 PM
javascript js

JavaScript est un langage de script relativement complexe. Son apprentissage peut demander beaucoup d'efforts, sinon il sera difficile d'en apprendre l'essence ! Jetons un coup d'œil à ce que vous devez apprendre lors de l'apprentissage du langage JavaScript.

1. Opérateurs

var box1=100;
++box1;//相当于box=box+1
document.write("box1="+box1+"<br/>");//输出box1=101
var box2=100;
--box2;//相当于box=box2-1
document.write("box2="+box2);//输出box2=99
Copier après la connexion

Il est recommandé d'étudier le sujet opérateur javascript, qui contient une explication détaillée des opérateurs

2. Formule d'expression

<html>
<head>
 <meta charset="utf-8">
 <title>php中文网(php.cn)</title>
</head>
<body>
<script>
 cars=["小明","小龙","小奇","小涛"];
 for (var i=0,l=cars.length; i<l; i++){
 document.write(cars[i] + "<br>");
 }
</script>
</body>
</html>
Copier après la connexion

http://www.php.cn/code/3595.html

3 Déclarations

Les déclarations Javascript incluent : Instruction d'affectation, instruction de sélection de commutateur, instruction de boucle while, instruction de boucle for, pour chaque instruction de boucle, instruction de boucle do while, instruction d'abandon de boucle break, instruction d'interruption de boucle continue, instruction with, instruction try...catch, instruction if (if .sinon, si...sinon si...), let déclaration.

<html>
<head>
 <meta charset="utf-8">
 <title>php中文网(php.cn)</title>
</head>
<body>
<p>点击下面的按钮来显示今天是周几:</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
 function myFunction(){
 var x;
 var d=new Date().getDay();
 switch (d){
 case 0:x="今天是星期日";
 break;
 case 1:x="今天是星期一";
 break;
 case 2:x="今天是星期二";
 break;
 case 3:x="今天是星期三";
 break;
 case 4:x="今天是星期四";
 break;
 case 5:x="今天是星期五";
 break;
 case 6:x="今天是星期六";
 break;
 }
 document.getElementById("demo").innerHTML=x;
 }
</script>
</body>
</html>
Copier après la connexion

http://www.php.cn/code/3601.html

Fonctions

<html>
<head>
 <meta charset="utf-8">
 <title>php中文网(php.cn)</title>
</head>
<body>
<p>点击这个按钮,来调用带参数的函数。</p>
<button onclick="myFunction('哈利波特','Wizard')">点击这里</button>
<script>
 function myFunction(name,job){
 alert("Welcome " + name + ", the " + job);
 }
</script>
</body>
</html>
Copier après la connexion

http://www.php.cn/code/3580.html

5 Objet

<html>
<head>
 <meta charset="utf-8">
 <title>php中文网(php.cn)</title>
</head>
<body>
<p>创建 JavaScript 对象。</p>
<p id="demo"></p>
<script>
 var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
 document.getElementById("demo").innerHTML =
 person.firstName + " 现在 " + person.age + " 岁.";
</script>
</body>
</html>
Copier après la connexion

http://www.php.cn/ code/3575.html

6. Événements

<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>
<p id="demo"></p>
</body>
</html>
Copier après la connexion

http://www.php.cn/code/3594.html

7.Variables

<html>
<head>
 <meta charset="utf-8">
 <title>PHP中文网(php.cn)</title>
</head>
<body>
<p>点击这里来创建变量,并显示结果。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
 function myFunction(){
 var carname="Volvo";
 document.getElementById("demo").innerHTML=carname;
 }
</script>
</body>
</html>
Copier après la connexion

http://www.php.cn/code/3553.html

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

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

3 façons de changer de langue sur iPhone 3 façons de changer de langue sur iPhone Feb 02, 2024 pm 04:12 PM

3 façons de changer de langue sur iPhone

Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS Apr 03, 2024 am 11:55 AM

Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS

Comment définir la langue de l'ordinateur Win10 sur le chinois ? Comment définir la langue de l'ordinateur Win10 sur le chinois ? Jan 05, 2024 pm 06:51 PM

Comment définir la langue de l'ordinateur Win10 sur le chinois ?

Conseils de développement PHP et JS : maîtrisez la méthode de création de graphiques en bougies boursières Conseils de développement PHP et JS : maîtrisez la méthode de création de graphiques en bougies boursières Dec 18, 2023 pm 03:39 PM

Conseils de développement PHP et JS : maîtrisez la méthode de création de graphiques en bougies boursières

Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Jan 05, 2024 pm 06:08 PM

Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP

Explorer les limites des agents : AgentQuest, un cadre de référence modulaire pour mesurer et améliorer de manière globale les performances des grands agents de modèles de langage Explorer les limites des agents : AgentQuest, un cadre de référence modulaire pour mesurer et améliorer de manière globale les performances des grands agents de modèles de langage Apr 11, 2024 pm 08:52 PM

Explorer les limites des agents : AgentQuest, un cadre de référence modulaire pour mesurer et améliorer de manière globale les performances des grands agents de modèles de langage

Comment changer la langue d'affichage de la méthode de réglage de la langue du système vivox60pro vivox60pro Comment changer la langue d'affichage de la méthode de réglage de la langue du système vivox60pro vivox60pro Mar 23, 2024 am 09:06 AM

Comment changer la langue d'affichage de la méthode de réglage de la langue du système vivox60pro vivox60pro

La relation entre js et vue La relation entre js et vue Mar 11, 2024 pm 05:21 PM

La relation entre js et vue

See all articles