JavaScript中文參考手冊(cè) / JavaScript 語(yǔ)句

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í)。