• JavaScript 视频教程

JavaScript - 语法

JavaScript 可以使用放置在网页中<script>...</script> HTML 标记内的 JavaScript 语句来实现。

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

<script> 标签提醒浏览器程序开始将这些标签之间的所有文本解释为脚本。JavaScript 的简单语法将如下所示。

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

脚本标签有两个重要的属性 -

  • 语言- 此属性指定您正在使用的脚本语言。通常，其值是 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>

注意- 使用分号是一个很好的编程习惯。

区分大小写

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

因此，标识符Time和TIME在 JavaScript 中将传达不同的含义。

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

JavaScript 中的注释

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

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

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

  • JavaScript 还可以识别 HTML 注释开头序列 <!--。JavaScript 将其视为单行注释，就像 // 注释一样。

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

例子

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

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