JavaScript 語句

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

JavaScript 語句

JavaScript 語句是發(fā)給瀏覽器的命令。

這些命令的作用是告訴瀏覽器要做的事情。

下面的 JavaScript 語句向 id="demo" 的 HTML 元素輸出文本 "你好 Dolly" ：

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php.cn</title> 
</head>
<body>

<h1>我的網(wǎng)頁</h1>
<p id="demo">我的第一個段落。</p>
<script>
document.getElementById("demo").innerHTML = "你好 Dolly";
</script>

</body>
</html>

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

分號 ;

分號用于分隔 JavaScript 語句。

通常我們在每條可執(zhí)行的語句結(jié)尾添加分號。

使用分號的另一用處是在一行中編寫多條語句。

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php.cn</title> 
</head>
<body>

<h1>我的網(wǎng)頁</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>

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

	您也可能看到不帶有分號的案例。在 JavaScript 中，用分號來結(jié)束語句是可選的。

JavaScript 代碼

JavaScript 代碼是 JavaScript 語句的序列。

瀏覽器按照編寫順序依次執(zhí)行每條語句。

本例向網(wǎng)頁輸出一個標(biāo)題和兩個段落：

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php.cn</title> 
</head>
<body>

<h1>我的 Web 頁面</h1>
<p id="demo">一個段落。</p>
<div id="myDIV">一個 DIV。</div>
<script>
document.getElementById("demo").innerHTML="你好 Dolly";
document.getElementById("myDIV").innerHTML="你最近怎么樣?";
</script>

</body>
</html>

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

JavaScript 代碼塊

JavaScript 可以分批地組合起來。

代碼塊以左花括號開始，以右花括號結(jié)束。

代碼塊的作用是一并地執(zhí)行語句序列。

本例向網(wǎng)頁輸出一個標(biāo)題和兩個段落：

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php.cn</title> 
</head>
<body>

<h1>我的 Web 頁面</h1>
<p id="myPar">我是一個段落。</p>
<div id="myDiv">我是一個div。</div>
<p>
<button type="button" onclick="myFunction()">點擊這里</button>
</p>
<script>
function myFunction(){
	document.getElementById("myPar").innerHTML="你好世界！";
	document.getElementById("myDiv").innerHTML="你最近怎么樣?";
}
</script>
<p>當(dāng)您點擊上面的按鈕時，兩個元素會改變。</p>

</body>
</html>

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例

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