JavaScript 语法

时间:2019-08-20 13:50:43  来源:igfitidea点击:

JavaScript可以使用放置在在网页中的<script></script>HTML标签中。

script标签语法

script标签内部代码

使用script标签将js代码包含起来。 浏览器将自行解析执行:

语法:

<script ...>
   JavaScript 代码
</script>

script标签有两个属性:

Language-这个属性指定你使用的脚本语言。通常,它的值是javascript。
Type——这个属性现在被推荐用来表示使用的脚本语言。

所以老代码中是这样的:

<script language = "javascript" type = "text/javascript">
   JavaScript 代码
</script>

但是现代浏览器都将javascript作为默认的脚本语言。所以一般直接写:

<script>
   JavaScript 代码
</script>

外部JavaScript脚本

如果你有大量的 JavaScript 代码,我们可以将它放入一个单独的文件。

通过 src属性添加到 HTML 文件,语法:

<script src="/path/to/script.js"></script>

JavaScript脚本文件的扩展名是 .js

还有一种很老的代码

<script type="text/javascript"><!--
    ...
//--></script>

只是以前用于不支持 <script>标签的古老的浏览器隐藏 JavaScript 代码的。

第一个JavaScript代码

下面的例子将打印“Hello World”。

<html>
   <body>   
      <script>
            console.log("Hello World!")
      </script>      
   </body>
</html>

此代码将产生以下结果

Hello World!

空格和换行符

JavaScript忽略JavaScript程序中出现的空格、制表符和换行符。

我们可以在程序中自由地使用空格、制表符和换行符,并且可以以一种整洁一致的方式自由地格式化和缩进程序,从而使代码易于阅读和理解。

分号是可选的

JavaScript中的简单语句通常后跟一个分号字符,就像在C、c++和Java中一样。
但是,如果每个语句放在单独的行上,JavaScript允许省略这个分号。
例如,下面的代码可以不使用分号。

<script>
      var1 = 10
      var2 = 20
</script>

但是,如果格式如下所示为一行,则必须使用分号

<script>
      var1 = 10; var2 = 20;
</script>

JavaScript区分大小写

JavaScript是一种区分大小写的语言。

在JavaScript中Date 和date表达不同的含义。

JavaScript注释

注释是用于说明代码功能等,方便开发者阅读代码。 注释将在解析时,被JS解析器忽略。

JavaScript同时支持C风格和c++风格的注释:

单行注释

在//和行尾之间的任何文本都被JavaScript视为单行注释。

多行注释

/**/之间的任何文本都被视为多行注释。

多行注释不能嵌套多行注释,但是可以嵌套单行注释。

JavaScript注释示例

<script>
      // 这是单行注释
   
      /*
      * 这是多行注释
      * 跨越多行
      */

      /*
      // 注释嵌套
      // 
      */

      /*
      /*
        多行注释嵌套多行注释,会导致解析报错
      */
      */

</script>