1 程序书写的位置

在页面中,<script type=”text/javascript”></script>标签对儿,里面就是书写JavaScript程序的地方。



1  <script type="text/javascript">

2 

3  </script>


text表示什么?纯文本。没错,JavaScript也是一个纯文本的语言。



2 alert语句

学习第一个语句,就是alert语句。


1  <script type="text/javascript">

2  alert("今天天气真好");

3  </script>

alert就是英语里面的“警报”的意思。用途就是弹出“警告框”:




如果我们想弹出两次警告框,那么就要写两条语句:


1 alert("今天天气真好");

2 alert("哈哈哈哈");

学习程序,是有规律可循的,就是程序是有相同的部分,这些部分就是一种规定,不能更改的,我们成为:语法。


至于为什么alert后面有一个圆括号,为什么里面又有引号,我们现在先不管。因为你知道,只要我按照这个语法书写,功能就会实现。



世界上不管什么编程语言,都有一个规定,程序是一句一句执行,执行完上面的语句,才能之后下面的语句:


1  <script type="text/javascript">

2  alert("今天天气真好");

3  alert("哈哈哈哈");

4  </script>


3 语法规则

JavaScript对换行、缩进、空格不敏感。也就是说:


1  <script type="text/javascript">

2 alert("今天蓝天白云");

3 alert("哈哈哈,我很高兴");

4  </script>

等价于


1  <script type="text/javascript">

5  alert("今天蓝天白云");

6 alert("哈哈哈,我很高兴");

2  </script>


等价于:


1  <script type="text/javascript">

2  alert("今天蓝天白云");alert("哈哈哈,我很高兴");

3  </script>

每一条语句末尾要加上分号,虽然分号不是必须加的,但是为了程序今后要压缩,如果不加分号,压缩之后将不能运行了。



比如,你不加分号,今后我们的程序一旦压缩,就不能使用了:


1  <script type="text/javascript">

2  alert("今天蓝天白云")alert("哈哈哈,我很高兴")

3  </script>



所有的符号,都是英语的。比如括号、引号、分号:



第二行语句所有的符号都是中文的,不对!!



还有一个常见错误,就是script标签写错了:


1  <script type="text/javescript">

2  alert("今天蓝天白云");

3  alert("哈哈哈,我很高兴");

4  </script>


4 注释

程序中,为了便于理解、教学,我们可以写一些给人看的东西,这些内容就是注释,程序不会运行。



//表示注释:


1  <script type="text/javascript">

2  //alert语句表示弹出窗口

3  alert("你好");

4  </script>


也可以:


1  <script type="text/javascript">

2  alert("你好"); //alert语句表示弹出窗口

3  </script>


注释可以很多行,但是比较麻烦:


1  <script type="text/javascript">

2  //alert语句表示弹出窗口

3  //一定要注意用英语的符号啊!

4  //千万不要再错了!

5  alert("你好");

6  </script>

等价于:


1  <script type="text/javascript">

2  /*

3  alert语句表示弹出窗口

4  一定要注意用英语的符号啊!

5  千万不要再错了!

6  */

7  alert("你好");

8  </script>



总结一下:

// 单行注释

/*

多行注释

多行注释

*/



sublime中,单行注释的快捷键是ctrl+/ 。  多行注释的快捷键是ctrl+shift+/



认识数字和字符串 - 直接量

“直接量”也称为“字面量”,就是看见什么,它就是什么。


简单的直接量有2种:数字、字符串。



数值的直接量的表达非常简单,就是写上去就行了,不需要任何的符号:


1 alert(886);  //886是数字,所以不需要加引号。



字符串,就是人说的话,比如单词、句子,它们不是数字。一定要加上引号。


1 alert(今天天气很好);  //错误的语句,因为没有加上引号


控制台报出错误:



正确的:


1 alert("今天天气很好");  //今天天气很好,是字符串,必须加上引号。



下面的语句是否正确:


1 alert(八八六);    //错误的!因为八八六是汉字,必须加上引号

2 alert(5.67);      //正确的!因为5.67是数字,不用加上引号

3 alert("100");     //正确的!虽然100是数字,但是可以是人说的啊,所以加上引号也正确。

下午,你将知道,”100” 和100不是一个东西!


1 alert(1000);  √

2 alert("1000");      √

3 alert(我爱你)       ×

4 alert("我爱你");    √

5 alert(五百万);      ×

6 alert("五百万");    √

7 alert("50000000");  √



1 console.log("今天天气真好");

console表示“控制台”,log就是“输出”


表示在控制台中输出,控制台在Chrome浏览器的F12中。控制台是工程师、程序员调试程序的地方。我们经常使用这条语句输出一些东西,来测试程序是否正确。很像电工用的“电笔”。老百姓不会在意这里的内容。


两种语句,你只需要知道,照着写,就能实现效果:


1 alert("哈哈");

2 console.log("哈哈");