JavaScript 語句



JavaScript 語句向瀏覽器發出的指令。語句的作用是告訴瀏覽器該做什麼。


JavaScript 語句

JavaScript 語句是發給瀏覽器的指令。

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

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

實例

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

<h1>我的网页</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML = "你好 Dolly";
</script>

</body>
</html>

#運行實例»

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


#分號;

分號用於分隔JavaScript 語句。

通常我們在每個可執行的語句結尾都會加上分號。

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

實例

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

<h1>我的网页</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>

運行實例»

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

lamp您也可能會看到不含分號的案例。
在 JavaScript 中,用分號來結束語句是可選的。

JavaScript 程式碼

JavaScript 程式碼是 JavaScript 語句的序列。

瀏覽器依照編寫順序依序執行每條語句。

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

實例

#
<!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 可以分批地組合起來。

程式碼區塊以左花括號開始,以右花括號結束。

程式碼區塊的作用是一併地執行語句序列。

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

實例

#
<!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>当您点击上面的按钮时,两个元素会改变。</p>

</body>
</html>

執行實例»

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

您將在稍後的章節學到更多有關函數的知識。


JavaScript 語句識別碼

JavaScript 語句通常以一個 語句識別碼 為開始,並執行該語句。

語句標識符是保留關鍵字不能當變數名稱使用。

下表列出了JavaScript 語句識別碼(關鍵字) :

<table class="reference" "style="width: 100%">

#catch語句區塊,在try 語句區塊執行出錯時執行catch 語句區塊。一個迭代。 ##if ... else用於基於不同的條件來執行不同的動作。 用於基於不同的條件來執行不同的動作。出(生成)錯誤。 宣告一個變數。

JavaScript 對大小寫敏感。

JavaScript 對大小寫是敏感的。

當編寫 JavaScript 語句時,請留意是否關閉大小寫切換鍵。

函數 getElementById 與 getElementbyID 是不同的。

同樣,變數 myVariable 與 MyVariable 也是不同的。


空格

JavaScript 會忽略多餘的空格。您可以為腳本新增空格,來提高其可讀性。下面的兩行程式碼是等效的:

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



對程式碼行進行折行

您可以在文字字串中使用反斜線對程式碼行進行換行。下面的範例會正確地顯示:

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

不過,你不能像這樣折行:

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



你知道嗎?

提示:JavaScript 是腳本語言。瀏覽器會在讀取程式碼時,逐行執行腳本程式碼。而對於傳統程式設計來說,會在執行前對所有程式碼進行編譯。


語句描述
#break用來跳出迴圈。
##for在條件語句為true 時,可以將程式碼區塊執行指定的次數。 #用於遍歷陣列或物件的屬性(對陣列或物件的屬性進行循環操作)。
##switch