JavaScript - 语法

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

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

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

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


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

  • 语言 : 此属性指定您正在使用的脚本语言。通常,它的值将是javascript。虽然最新版本的HTML(和XHTML,其继承者)已逐步停止使用此属性。

  • 键入 : 此属性现在建议用于指示正在使用的脚本语言,其值应设置为"text/javascript"。

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

<script language ="javascript" type ="text/javascript"> 
 JavaScript代码
</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 会在JavaScript中传达不同的含义。

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

JavaScript中的注释

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

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

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

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

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

示例

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

<script language ="javascript" type ="text/javascript"> 
<!-  
//这是一条评论。它类似于C ++中的注释
/* 
 *这是JavaScript中的多行注释
 *它与C编程中的注释非常相似
 */
//--> 
</script>