JavaScript 語(yǔ)句

JavaScript 語(yǔ)句向?yàn)g覽器發(fā)出的命令。語(yǔ)句的作用是告訴瀏覽器該做什么。

下面的 JavaScript 語(yǔ)句向 id="demo" 的 HTML 元素輸出文本 "Hello World"：

document.getElementById("demo").innerHTML="Hello World";

分號(hào) ;

分號(hào)用于分隔 JavaScript 語(yǔ)句。

通常我們?cè)诿織l可執(zhí)行的語(yǔ)句結(jié)尾添加分號(hào)。

使用分號(hào)的另一用處是在一行中編寫(xiě)多條語(yǔ)句。

提示：您也可能看到不帶有分號(hào)的案例。

在 JavaScript 中，用分號(hào)來(lái)結(jié)束語(yǔ)句是可選的。

JavaScript 代碼

JavaScript 代碼（或者只有 JavaScript）是 JavaScript 語(yǔ)句的序列。

瀏覽器會(huì)按照編寫(xiě)順序來(lái)執(zhí)行每條語(yǔ)句。

本例將操作兩個(gè) HTML 元素：

實(shí)例

document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";

親自試一試

JavaScript 代碼塊

JavaScript 語(yǔ)句通過(guò)代碼塊的形式進(jìn)行組合。

塊由左花括號(hào)開(kāi)始，由右花括號(hào)結(jié)束。

塊的作用是使語(yǔ)句序列一起執(zhí)行。

JavaScript 函數(shù)是將語(yǔ)句組合在塊中的典型例子。

下面的例子將運(yùn)行可操作兩個(gè) HTML 元素的函數(shù)：

實(shí)例

function myFunction()
{
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";
}

親自試一試

您將在稍后的章節(jié)學(xué)到更多有關(guān)函數(shù)的知識(shí)。

JavaScript 對(duì)大小寫(xiě)敏感。

JavaScript 對(duì)大小寫(xiě)是敏感的。

當(dāng)編寫(xiě) JavaScript 語(yǔ)句時(shí)，請(qǐng)留意是否關(guān)閉大小寫(xiě)切換鍵。

函數(shù) getElementById 與 getElementbyID 是不同的。

同樣，變量 myVariable 與 MyVariable 也是不同的。

空格

JavaScript 會(huì)忽略多余的空格。您可以向腳本添加空格，來(lái)提高其可讀性。下面的兩行代碼是等效的：

var name="Hello";
var name = "Hello";

對(duì)代碼行進(jìn)行折行

您可以在文本字符串中使用反斜杠對(duì)代碼行進(jìn)行換行。下面的例子會(huì)正確地顯示：

document.write("Hello \
World!");

不過(guò)，您不能像這樣折行：

document.write \
("Hello World!");

您知道嗎？

提示：JavaScript 是腳本語(yǔ)言。瀏覽器會(huì)在讀取代碼時(shí)，逐行地執(zhí)行腳本代碼。而對(duì)于傳統(tǒng)編程來(lái)說(shuō)，會(huì)在執(zhí)行前對(duì)所有代碼進(jìn)行編譯。

課外閱讀

JavaScript 高級(jí)教程： ECMAScript 語(yǔ)法