[toc]
一個 JavaScript 包括那些在 HTML 中放置在 `<script> ... </script>` 標簽內的 JavaScript 語句。
你可以把包含你的 JavaScript 的 `<script>` 標簽放置在你的網頁的任何地方,但是保存在 `<head>` 標簽內是它的首選方式。
`<script>` 標簽作為一個腳本,提醒瀏覽器程序開始解釋在這些標簽之間的所有的文本。所以你的 JavaScript 的簡單語法將會像下列一樣。
~~~
<script ...>
JavaScript 代碼
</script>
~~~
腳本標簽有兩個重要屬性:
- **語言**:該屬性制定你使用的腳本語言。通常情況下,它的值將會是 javascript。盡管最近的 HTML 版本( 包括 XHTML,它的繼任者 )不再使用這個屬性。
- **類型**:該屬性是現在被推薦來指示所使用的腳本語言,它的值應被設置為 ” text/javascript ”。
所以你的 JavaScript 的片段應該是像這樣:
~~~
<script language="javascript" type="text/javascript">
JavaScript 代碼
</script>
~~~
## 你的第一個 JavaScript 腳本
讓我們來寫出課上的例子來打印出 “ Hello World ”。
~~~
<html>
<body>
<script language="javascript" type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
</body>
</html>
~~~
我們增加了一個可選的 HTML 注釋,圍繞著我們的 JavaScript 代碼。這是為了在一個不支持 JavaScript 的瀏覽器中節省我們的代碼。注釋以 ”//-->” 結尾。這里 ”//” 標志著 JavaScript 中的注釋,所以我們增加它來阻止一個瀏覽器把 HTML 的注釋的結尾作為 JavaScript 代碼的一部分來閱讀。
另外,我們調用一個函數 ducument.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 把它視為一個當行注釋,就像 // 注釋一樣處理。
JavaScript 不能識別 HTML 注釋的結束語句 -->,所以可以寫成 //-->。
例子
~~~
<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>
~~~