JavaScript 語句
JavaScript?語句
JavaScript 語句向?yàn)g覽器發(fā)出的命令。語句的作用是告訴瀏覽器該做什么。
JavaScript 語句
JavaScript 語句是發(fā)給瀏覽器的命令。
這些命令的作用是告訴瀏覽器要做的事情。
下面的 JavaScript 語句向 id="demo" 的 HTML 元素輸出文本 "你好 Dolly" :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h1>My web page</h1> <p id="demo">This is a paragraph</p> <script> document.getElementById("demo").innerHTML = "你好 Dolly"; </script> </body> </html>
分號(hào) ;
分號(hào)用于分隔 JavaScript 語句。
通常我們?cè)诿織l可執(zhí)行的語句結(jié)尾添加分號(hào)。
使用分號(hào)的另一用處是在一行中編寫多條語句。
溫馨提示:您也可能看到不帶有分號(hào)的案例。?
在 JavaScript 中,用分號(hào)來結(jié)束語句是可選的。
JavaScript 代碼
JavaScript 代碼是 JavaScript 語句的序列。
瀏覽器按照編寫順序依次執(zhí)行每條語句。
本例向網(wǎng)頁輸出一個(gè)標(biāo)題和兩個(gè)段落:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h1>我的 Web 頁面</h1> <p id="demo">一個(gè)段落。</p> <div id="myDIV">一個(gè) DIV。</div> <script> document.getElementById("demo").innerHTML="你好 Dolly"; document.getElementById("myDIV").innerHTML="你最近怎么樣?"; </script> </body> </html>
JavaScript 代碼塊
JavaScript 可以分批地組合起來。
代碼塊以左花括號(hào)開始,以右花括號(hào)結(jié)束。
代碼塊的作用是一并地執(zhí)行語句序列。
本例向網(wǎng)頁輸出一個(gè)標(biāo)題和兩個(gè)段落:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h1>我的 Web 頁面</h1> <p id="myPar">我是一個(gè)段落。</p> <div id="myDiv">我是一個(gè)div。</div> <p> <button type="button" onclick="myFunction()">點(diǎn)擊這里</button> </p> <script> function myFunction(){ document.getElementById("myPar").innerHTML="你好世界!"; document.getElementById("myDiv").innerHTML="你最近怎么樣?"; } </script> <p>當(dāng)您點(diǎn)擊上面的按鈕時(shí),兩個(gè)元素會(huì)改變。</p> </body> </html>
JavaScript 語句標(biāo)識(shí)符
JavaScript 語句通常以一個(gè)?語句標(biāo)識(shí)符?為開始,并執(zhí)行該語句。
語句標(biāo)識(shí)符是保留關(guān)鍵字不能作為變量名使用。
下表列出了 JavaScript 語句標(biāo)識(shí)符 (關(guān)鍵字) :
<table class="reference" "style="width: 100%" style="border: 0px; margin: 4px 0px; padding: 0px; width: 729px; color: rgb(51, 51, 51); font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft Yahei", sans-serif; font-size: 12px; white-space: normal; background-color: rgb(255, 255, 255);">
語句 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 描述
break ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?用于跳出循環(huán)。 ? ?
catch ? ?語句塊,在 try 語句塊執(zhí)行出錯(cuò)時(shí)執(zhí)行 catch 語句塊。 ? ?
continue ? ? ? ? ? ? ? ? ? ? ? ? ? ?跳過循環(huán)中的一個(gè)迭代。 ? ?
do ... while ? ? ?執(zhí)行一個(gè)語句塊,在條件語句為 true 時(shí)繼續(xù)執(zhí)行該語句塊。 ? ?
for ? ? ? ? ? ? 在條件語句為 true 時(shí),可以將代碼塊執(zhí)行指定的次數(shù)。 ? ?
for ... in ? ? 用于遍歷數(shù)組或者對(duì)象的屬性(對(duì)數(shù)組或者對(duì)象的屬性進(jìn)行循環(huán)操作)。 ? ?
function ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 定義一個(gè)函數(shù) ? ?
if ... else ? ? ? ? ? ? ? ? ? ?用于基于不同的條件來執(zhí)行不同的動(dòng)作。 ? ?
return ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 退出函數(shù) ? ?
switch ? ? ? ? ? ? ? ? ? ? ? ?用于基于不同的條件來執(zhí)行不同的動(dòng)作。 ? ?
throw ? ? ? ? ? ? ? ? ? ? ? 拋出(生成)錯(cuò)誤 。 ? ?
try ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?實(shí)現(xiàn)錯(cuò)誤處理,與 catch 一同使用。 ? ?
var ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 聲明一個(gè)變量。 ? ?
while ? ? ? ? ? ? ? ? ? ? ? 當(dāng)條件語句為 true 時(shí),執(zhí)行語句塊。 ? ?
JavaScript 對(duì)大小寫敏感。
JavaScript 對(duì)大小寫是敏感的。
當(dāng)編寫 JavaScript 語句時(shí),請(qǐng)留意是否關(guān)閉大小寫切換鍵。
函數(shù) getElementById 與 getElementbyID 是不同的。
同樣,變量 myVariable 與 MyVariable 也是不同的。
空格
JavaScript 會(huì)忽略多余的空格。您可以向腳本添加空格,來提高其可讀性。下面的兩行代碼是等效的:
var person="Hege";
var person = "Hege";
對(duì)代碼行進(jìn)行折行
您可以在文本字符串中使用反斜杠對(duì)代碼行進(jìn)行換行。下面的例子會(huì)正確地顯示:
document.write("你好
世界!");
不過,您不能像這樣折行:
document.write ?
("你好世界!");