首頁 > web前端 > js教程 > 如何學習JavaScript語言?學習重難點有哪些?

如何學習JavaScript語言?學習重難點有哪些?

巴扎黑
發布: 2017-07-31 13:59:19
原創
2083 人瀏覽過

JavaScript是比較複雜的一種腳本語言,學習起來可能要下點大工夫,否則很難學到精髓!下面我們就來看看學習JavaScript語言時需要學習哪些內容。

1.運算子

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
登入後複製

推薦大家學習javascript運算子專題,裡面有運算子詳細的講解

2.表達式

<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>
登入後複製

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

#3.語句

Javascript語句包含:賦值語句、switch選擇語句、while迴圈語句、for迴圈語句、for each迴圈語句、do while迴圈語句、break迴圈中止語句、continue迴圈中斷語句、with語句、try...catch語句、if語句(if..else,if ...else if ...)、let語句。

<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>
登入後複製

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

#4.函數

<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>
登入後複製

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

5.物件

<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>
登入後複製

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

6.事件

<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>
登入後複製

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

7.變數

<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>
登入後複製

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

#

以上是如何學習JavaScript語言?學習重難點有哪些?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板