JavaScript 語句

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

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

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

實例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>PHP中文網（php.cn）</title>
</head>
<body>
<h1>我的網頁</h1>
<p id="demo">段落。</p>
<script>
    document.getElementById("demo").innerHTML="Hello World";
</script>
</body>
</html>

運行代碼嘗試一下

分號 ;

分號用于分隔 JavaScript 語句。

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

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

提示：您也可能看到不帶有分號的案例。在 JavaScript 中，用分號來結束語句是可選的。

JavaScript 代碼

JavaScript 代碼是 JavaScript 語句的序列。

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

本例向網頁輸出一個標題和兩個段落：

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>PHP中文網（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 可以分批地組合起來。

代碼塊以左花括號開始，以右花括號結束。

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

本例向網頁輸出一個標題和兩個段落：

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>PHP中文網（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>當您點擊上面的按鈕時，兩個元素會改變。</p>
</body>
</html>

運行程序嘗試一下

JavaScript 語句標識符

JavaScript 語句通常以一個語句標識符為開始，并執(zhí)行該語句。

語句標識符是保留關鍵字不能作為變量名使用。

下表列出了 JavaScript 語句標識符 (關鍵字) ：

語句	描述
break	用于跳出循環(huán)。
catch	語句塊，在 try 語句塊執(zhí)行出錯時執(zhí)行 catch 語句塊。
continue	跳過循環(huán)中的一個迭代。
do ... while	執(zhí)行一個語句塊，在條件語句為 true 時繼續(xù)執(zhí)行該語句塊。
for	在條件語句為 true 時，可以將代碼塊執(zhí)行指定的次數。
for ... in	用于遍歷數組或者對象的屬性（對數組或者對象的屬性進行循環(huán)操作）。
function	定義一個函數
if ... else	用于基于不同的條件來執(zhí)行不同的動作。
return	退出函數
switch	用于基于不同的條件來執(zhí)行不同的動作。
throw	拋出（生成）錯誤。
try	實現錯誤處理，與 catch 一同使用。
var	聲明一個變量。
while	當條件語句為 true 時，執(zhí)行語句塊。

空格

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

var person="Hege";
var person = "Hege";

對代碼行進行折行

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

document.write("你好 \
世界!");

不過，您不能像這樣折行：

document.write \
("你好世界!");

小知識

JavaScript 是腳本語言。瀏覽器會在讀取代碼時，逐行地執(zhí)行腳本代碼。而對于傳統編程來說，會在執(zhí)行前對所有代碼進行編譯。

Weiter lernen

neue Datei

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文網（php.cn）</title> </head> <body> <h1>我的網頁</h1> <p id="demo">段落。</p> <script> document.getElementById("demo").innerHTML="Hello World"; </script> </body> </html>

einreichen Code zurücksetzen

Automatische Operation