语法

优质
小牛编辑
137浏览
2023-12-01

JavaScript可以使用放在《script》... 《/script》 JavaScript语句来实现。

您可以在网页的任何位置放置包含JavaScript的《script》标记,但通常建议您将其保留在《head》标记内。

标记警告浏览器程序开始将这些标记之间的所有文本解释为脚本。 JavaScript的简单语法如下所示。

<script ...>
   JavaScript code
</script>

脚本标记有两个重要属性 -

  • Language - 此属性指定您正在使用的脚本语言。 通常,它的值将是javascript。 虽然最近版本的HTML(和XHTML,它的继任者)已经逐步淘汰了这个属性的使用。

  • Type - 此属性现在建议用于指示正​​在使用的脚本语言,其值应设置为“text/javascript”。

所以你的JavaScript片段看起来像 -

<script language="javascript" type="text/javascript">
   JavaScript code
</script>

你的第一个JavaScript脚本

让我们举一个示例来打印出“Hello World”。 我们添加了一个围绕JavaScript代码的可选HTML注释。 这是为了从不支持JavaScript的浏览器中保存我们的代码。 评论以“// - >”结尾。 这里“//”表示JavaScript中的注释,因此我们添加它以防止浏览器将HTML注释的末尾作为一段JavaScript代码读取。 接下来,我们调用一个函数document.write ,它将一个字符串写入我们的HTML文档。

此函数可用于编写文本,HTML或两者。 看看下面的代码。

<html>
   <body>
      <script language="javascript" type="text/javascript">
         <!--
            document.write("Hello World!")
         //-->
      </script>
   </body>
</html>

此代码将产生以下结果 -

Hello World!

空白和换行

JavaScript忽略JavaScript程序中出现的空格,制表符和换行符。 您可以在程序中自由使用空格,制表符和换行符,并且可以自由地以简洁一致的方式格式化和缩进程序,使代码易于阅读和理解。

分号是可选的

JavaScript中的简单语句通常后跟分号字符,就像它们在C,C ++和Java中一样。 但是,如果每个语句都放在一个单独的行上,则JavaScript允许您省略此分号。 例如,以下代码可以不带分号编写。

<script language="javascript" type="text/javascript">
   <!--
      var1 = 10
      var2 = 20
   //-->
</script>

但如果在单行中格式化如下,则必须使用分号 -

<script language="javascript" type="text/javascript">
   <!--
      var1 = 10; var2 = 20;
   //-->
</script>

Note - 使用分号是一种很好的编程习惯。

区分大小写 (Case Sensitivity)

JavaScript是一种区分大小写的语言。 这意味着语言关键字,变量,函数名称和任何其他标识符必须始终使用一致的字母大小写。

因此标识符TimeTIME将在JavaScript中传达不同的含义。

NOTE - 在JavaScript中编写变量和函数名称时应小心。

JavaScript中的评论

JavaScript支持C风格和C ++风格的注释,因此 -

  • //和行尾之间的任何文本都被视为注释,并被JavaScript忽略。

  • 字符/ *和* /之间的任何文本都被视为注释。 这可能跨越多行。

  • JavaScript还识别HTML注释开放序列 JavaScript将此视为单行注释,就像//注释一样。

  • JavaScript无法识别HTML注释结束序列 - >,因此应将其写为// - >。

例子 (Example)

以下示例显示如何在JavaScript中使用注释。

<script language="javascript" type="text/javascript">
   <!--
      // This is a comment. It is similar to comments in C++
      /*
      * This is a multiline comment in JavaScript
      * It is very similar to comments in C Programming
      */
   //-->
</script>