JavaScript 語句登入

JavaScript 語句

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

下面的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 語句。

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

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

提示:您也可能會看到沒有分號的案例。 在 JavaScript 中,用分號來結束語句是可選的。


JavaScript 程式碼

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

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

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

實例

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

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

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

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

實例

<!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 語句通常以一個 語句識別碼 為開始,並執行該語句。

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

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

##描述#break用來跳出迴圈。 catch語句區塊,在 try 語句區塊執行出錯時執行 catch 語句區塊。 continue跳過循環中的一個迭代。 do ... while執行一個語句區塊,在條件語句為 true 時繼續執行該語句區塊。 for當條件語句為 true 時,可以將程式碼區塊執行指定的次數。 for ... in用於遍歷數組或物件的屬性(對陣列或物件的屬性進行循環操作)。 function定義一個函數#if ... else用於基於不同的條件來執行不同的動作。 return退出函數#switch用於基於不同的條件來執行不同的動作。 throw拋出(生成)錯誤 。 try實作錯誤處理,與 catch 一同使用。 var宣告一個變數。 while當條件語句為 true 時,執行語句區塊。
#語句


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


var person="Hege";

var person = "Hege";


對程式碼行進行折行

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


document.write("你好\

世界!");

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


document.write \ 

("你好世界!");

小知識

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



####下一節
<!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>
章節課件