如何学习JavaScript语言？学习重难点有哪些？-js教程-PHP中文网

首页

web前端

js教程

如何学习JavaScript语言？学习重难点有哪些？

巴扎黑

Jul 31, 2017 pm 01:59 PM

javascriptjs

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中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn