JavaScript 語(yǔ)句
JavaScript 語(yǔ)句向?yàn)g覽器發(fā)出的命令。語(yǔ)句的作用是告訴瀏覽器該做什么。
JavaScript 語(yǔ)句
JavaScript 語(yǔ)句是發(fā)給瀏覽器的命令。
這些命令的作用是告訴瀏覽器要做的事情。
下面的 JavaScript 語(yǔ)句向 id="demo" 的 HTML 元素輸出文本 "你好 Dolly" ：
實(shí)例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<h1>我的網(wǎng)頁(yè)</h1>
<p id="demo">我的第一個(gè)段落。</p>
<script>
document.getElementById("demo").innerHTML = "你好 Dolly";
</script>
</body>
</html>運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
分號(hào) ;
分號(hào)用于分隔 JavaScript 語(yǔ)句。
通常我們?cè)诿織l可執(zhí)行的語(yǔ)句結(jié)尾添加分號(hào)。
使用分號(hào)的另一用處是在一行中編寫(xiě)多條語(yǔ)句。
實(shí)例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<h1>我的網(wǎng)頁(yè)</h1>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
a = 1;
b = 2;
c = a + b;
document.getElementById("demo1").innerHTML = c;
x = 1; y = 2; z = x + y;
document.getElementById("demo2").innerHTML = z;
</script>
</body>
</html>運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
 | 您也可能看到不帶有分號(hào)的案例。 在 JavaScript 中，用分號(hào)來(lái)結(jié)束語(yǔ)句是可選的。 |
|---|
JavaScript 代碼
JavaScript 代碼是 JavaScript 語(yǔ)句的序列。
瀏覽器按照編寫(xiě)順序依次執(zhí)行每條語(yǔ)句。
本例向網(wǎng)頁(yè)輸出一個(gè)標(biāo)題和兩個(gè)段落：
實(shí)例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<h1>我的 Web 頁(yè)面</h1>
<p id="demo">一個(gè)段落。</p>
<div id="myDIV">一個(gè) DIV。</div>
<script>
document.getElementById("demo").innerHTML="你好 Dolly";
document.getElementById("myDIV").innerHTML="你最近怎么樣?";
</script>
</body>
</html>運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
JavaScript 代碼塊
JavaScript 可以分批地組合起來(lái)。
代碼塊以左花括號(hào)開(kāi)始，以右花括號(hào)結(jié)束。
代碼塊的作用是一并地執(zhí)行語(yǔ)句序列。
本例向網(wǎng)頁(yè)輸出一個(gè)標(biāo)題和兩個(gè)段落：
實(shí)例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<h1>我的 Web 頁(yè)面</h1>
<p id="myPar">我是一個(gè)段落。</p>
<div id="myDiv">我是一個(gè)div。</div>
<p>
<button type="button" onclick="myFunction()">點(diǎn)擊這里</button>
</p>
<script>
function myFunction(){
document.getElementById("myPar").innerHTML="你好世界！";
document.getElementById("myDiv").innerHTML="你最近怎么樣?";
}
</script>
<p>當(dāng)您點(diǎn)擊上面的按鈕時(shí)，兩個(gè)元素會(huì)改變。</p>
</body>
</html>運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
您將在稍后的章節(jié)學(xué)到更多有關(guān)函數(shù)的知識(shí)。
JavaScript 語(yǔ)句標(biāo)識(shí)符
JavaScript 語(yǔ)句通常以一個(gè) 語(yǔ)句標(biāo)識(shí)符 為開(kāi)始，并執(zhí)行該語(yǔ)句。
語(yǔ)句標(biāo)識(shí)符是保留關(guān)鍵字不能作為變量名使用。
下表列出了 JavaScript 語(yǔ)句標(biāo)識(shí)符 (關(guān)鍵字) ：
<table class="reference" "style="width: 100%">
| 語(yǔ)句 | 描述 |
|---|---|
| break | 用于跳出循環(huán)。 |
| catch | 語(yǔ)句塊，在 try 語(yǔ)句塊執(zhí)行出錯(cuò)時(shí)執(zhí)行 catch 語(yǔ)句塊。 |
| continue | 跳過(guò)循環(huán)中的一個(gè)迭代。 |
| do ... while | 執(zhí)行一個(gè)語(yǔ)句塊，在條件語(yǔ)句為 true 時(shí)繼續(xù)執(zhí)行該語(yǔ)句塊。 |
| for | 在條件語(yǔ)句為 true 時(shí)，可以將代碼塊執(zhí)行指定的次數(shù)。 |
| for ... in | 用于遍歷數(shù)組或者對(duì)象的屬性（對(duì)數(shù)組或者對(duì)象的屬性進(jìn)行循環(huán)操作）。 |
| function | 定義一個(gè)函數(shù) |
| if ... else | 用于基于不同的條件來(lái)執(zhí)行不同的動(dòng)作。 |
| return | 退出函數(shù) |
| switch | 用于基于不同的條件來(lái)執(zhí)行不同的動(dòng)作。 |
| throw | 拋出（生成）錯(cuò)誤 。 |
| try | 實(shí)現(xiàn)錯(cuò)誤處理，與 catch 一同使用。 |
| var | 聲明一個(gè)變量。 |
| while | 當(dāng)條件語(yǔ)句為 true 時(shí)，執(zhí)行語(yǔ)句塊。 |
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 person = "Hege";
對(duì)代碼行進(jìn)行折行
您可以在文本字符串中使用反斜杠對(duì)代碼行進(jìn)行換行。下面的例子會(huì)正確地顯示：
世界!");
不過(guò)，您不能像這樣折行：
("你好世界!");
您知道嗎？
提示：JavaScript 是腳本語(yǔ)言。瀏覽器會(huì)在讀取代碼時(shí)，逐行地執(zhí)行腳本代碼。而對(duì)于傳統(tǒng)編程來(lái)說(shuō)，會(huì)在執(zhí)行前對(duì)所有代碼進(jìn)行編譯。