Day3-开始写第一个JS

3.1 程序书写的位置

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

 

1                  <script type="text/javascript">

2            

3                  </script>

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

 

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

 

 

3.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+/

posted @ 2017-03-09 08:32  行走de猫  阅读(149)  评论(0编辑  收藏  举报