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 時,執行語句區塊。 |
var person = "Hege";
var person="Hege";
對程式碼行進行折行
不過,你不能像這樣折行:世界!");
document.write("你好\
("你好世界!");
document.write \
小知識
JavaScript 是腳本語言。瀏覽器會在讀取程式碼時,逐行執行腳本程式碼。而對於傳統程式設計來說,會在執行前對所有程式碼進行編譯。