JavaScript 语法

JavaScript 语法

JavaScript可以通过在网页的HTML标签中放置JavaScript语句来实现。 <script>... </script>

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

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

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

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

  • 语言 - 此属性指定你正在使用的脚本语言。通常,它的值将是javascript。尽管HTML(以及它的后续版本XHTML)的最近版本已逐渐淘汰了对此属性的使用。

  • 类型 - 这个属性现在推荐用于指示正在使用的脚本语言,并且它的值应该设置为“text/javascript”。

所以你的JavaScript部分将像这样 –

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

你的第一个JavaScript代码

让我们来看一个示例,打印出“Hello World”。我们添加了一个可选的HTML注释来包围我们的JavaScript代码。这是为了在不支持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是一种大小写敏感的语言。这意味着语言关键字、变量、函数名和任何其他标识符必须始终以一致的字母大写形式输入。

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

注意 − 在编写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>

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程