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)頁輸出一個標題和兩個段落:
實例
<!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)頁輸出一個標題和兩個段落:
實例
<!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ù)的知識。
JavaScript 語句標識符
JavaScript 語句通常以一個 語句標識符 為開始,并執(zhí)行該語句。
語句標識符是保留關(guān)鍵字不能作為變量名使用。
下表列出了 JavaScript 語句標識符 (關(guān)鍵字) :
<table class="reference" "style="width: 100%">
語句 | 描述 |
---|---|
break | 用于跳出循環(huán)。 |
catch | 語句塊,在 try 語句塊執(zhí)行出錯時執(zhí)行 catch 語句塊。 |
continue | 跳過循環(huán)中的一個迭代。 |
do ... while | 執(zhí)行一個語句塊,在條件語句為 true 時繼續(xù)執(zhí)行該語句塊。 |
for | 在條件語句為 true 時,可以將代碼塊執(zhí)行指定的次數(shù)。 |
for ... in | 用于遍歷數(shù)組或者對象的屬性(對數(shù)組或者對象的屬性進行循環(huán)操作)。 |
function | 定義一個函數(shù) |
if ... else | 用于基于不同的條件來執(zhí)行不同的動作。 |
return | 退出函數(shù) |
switch | 用于基于不同的條件來執(zhí)行不同的動作。 |
throw | 拋出(生成)錯誤 。 |
try | 實現(xiàn)錯誤處理,與 catch 一同使用。 |
var | 聲明一個變量。 |
while | 當(dāng)條件語句為 true 時,執(zhí)行語句塊。 |
JavaScript 對大小寫敏感。
JavaScript 對大小寫是敏感的。
當(dāng)編寫 JavaScript 語句時,請留意是否關(guān)閉大小寫切換鍵。
函數(shù) getElementById 與 getElementbyID 是不同的。
同樣,變量 myVariable 與 MyVariable 也是不同的。
空格
JavaScript 會忽略多余的空格。您可以向腳本添加空格,來提高其可讀性。下面的兩行代碼是等效的:
var person = "Hege";
對代碼行進行折行
您可以在文本字符串中使用反斜杠對代碼行進行換行。下面的例子會正確地顯示:
世界!");
不過,您不能像這樣折行:
("你好世界!");
您知道嗎?
提示:JavaScript 是腳本語言。瀏覽器會在讀取代碼時,逐行地執(zhí)行腳本代碼。而對于傳統(tǒng)編程來說,會在執(zhí)行前對所有代碼進行編譯。