JavaScript語法


JavaScript由被放置在<script>... </script>的JavaScript語句,在網頁中的HTML標籤。

可以將<script>包含您的JavaScript在網頁的任何地方,但最好的方式是放它在<head>標籤內。

<script>標記警告瀏覽器程式,開始解釋這些標記之間的所有文字作為一個指令碼。所以,JavaScript的語法簡單如下:

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

script標籤有兩個重要屬性:

  • language: 該屬性指定的指令碼語言所使用。通常情況下,它的值是JavaScript。雖然最近HTML(和XHTML,其繼任者)的版本已經不再使用這個屬性。

  • type: 該屬性是現在被推薦來指示所使用的指令碼語言和它的值應被設定為 "text/javascript".

所以,你的JavaScript片段應該是這樣的:

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

第一個JavaScript指令碼:

讓我們寫一個例子列印出來 "Hello World".

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

Javascript程式碼可選HTML注釋。這裡是的程式碼不支援JavaScript的瀏覽器。用“//->”注釋結束。“//”表示在Javascript的註釋,所以我們增加了防止瀏覽器在讀取HTML註釋的結尾作為一段JavaScript程式碼。

接下來,我們呼叫一個函式document.write其寫入字串到HTML文件。這個函式可用於寫文字,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 和TIME 在JavaScript中有不同的含義。

註:在變數和函式名在JavaScript中應注意。

JavaScript中的注釋:

JavaScript 支援C風格和C++ 風格的註釋,因此:

  • //和行結束之間的所有文字將被視為一個注釋,是會被JavaScript忽略。

  • 任何文字在/*和*/之間的字元被視為註釋。這可能會跨越多行。

  • JavaScript還承認HTML注釋開啟順序<!--, JavaScript對待這是一個單行注釋,就像//注釋。

  • 在HTML註釋結束序列-->無法識別,所以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>