Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie lerne ich die JavaScript-Sprache? Was sind die wichtigen und schwierigen Punkte beim Lernen?

巴扎黑
Freigeben: 2017-07-31 13:59:19
Original
2057 Leute haben es durchsucht

JavaScript ist eine relativ komplexe Skriptsprache. Das Erlernen erfordert möglicherweise viel Aufwand, sonst wird es schwierig, das Wesentliche zu lernen! Werfen wir einen Blick darauf, was Sie beim Erlernen der JavaScript-Sprache lernen müssen.

1. Operatoren

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
Nach dem Login kopieren

Es wird empfohlen, dass Sie sich mit dem Thema Javascript-Operatoren befassen, das eine detaillierte Erklärung der Operatoren enthält

2. Ausdrucksformel

<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>
Nach dem Login kopieren

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

3. Anweisungen

Javascript-Anweisungen umfassen : Zuweisungsanweisung, Schalterauswahlanweisung, While-Schleifenanweisung, For-Schleifenanweisung, für jede Schleifenanweisung, Do-While-Loop-Anweisung, Break-Loop-Abort-Anweisung, Continue-Loop-Interrupt-Anweisung, With-Anweisung, Try...Catch-Anweisung, If-Anweisung (if . .else, if...else if...), let-Anweisung.

<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>
Nach dem Login kopieren

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

4. Funktionen

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

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

5. Objekt

<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>
Nach dem Login kopieren

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

6. Ereignisse

<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<button onclick="getElementById(&#39;demo&#39;).innerHTML=Date()">现在的时间是?</button>
<p id="demo"></p>
</body>
</html>
Nach dem Login kopieren

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

7. Variablen

<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>
Nach dem Login kopieren

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

Das obige ist der detaillierte Inhalt vonWie lerne ich die JavaScript-Sprache? Was sind die wichtigen und schwierigen Punkte beim Lernen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!