位置:首頁 > Web開發 > Javascript教學 > JavaScript語法

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>