JavaScript 語句
JavaScript 語句向?yàn)g覽器發(fā)出的命令。語句的作用是告訴瀏覽器該做什么。
document.getElementById使用
語法:oElement = document .getElementById ( sID )
參數(shù):sID--必選項(xiàng)。字符串 (String) 。
返回值:oElemen--對(duì)象 (Element) 。
說明:根據(jù)指定的 id 屬性值得到對(duì)象。返回 id 屬性值等于 sID 的第一個(gè)對(duì)象的引用。假如對(duì)應(yīng)的為一組對(duì)象,則返回該組對(duì)象中的第一個(gè)。 如果無符合條件的對(duì)象,則返回 null 。
注意: document.getElementById(" ") 得到的是一個(gè)對(duì)象,用 alert 顯示得到的是“ object ”,而不是具體的值,它有 value 和 length 等屬性,加上 .value 得到的才是具體的值!
細(xì)節(jié):
① document.getElementById 有時(shí)會(huì)抓 name 放過了 id ,據(jù)說是 IE 的一個(gè) BUG
② javascript中的getElementbyId使用
網(wǎng)頁中的元素必須有id屬性,才能通過這個(gè)方法得到,比如<input type=textname="content" id="content">
③獲取html標(biāo)記主要有兩種方法,一種是通過ID值,一種是通過name屬性(name屬性主要用于form表單內(nèi)的input標(biāo)記。)
注意:
document.getElementById(" ") 得到的是一個(gè)對(duì)象,用 alert 顯示得到的是
“ object ”,而不是具體的值,它有 value 和 length 等屬性,加上 .value 得到的才
是具體的值!
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "你好 summer"; </script> </body> </html>
分號(hào) ;
分號(hào)用于分隔 JavaScript 語句。
通常我們?cè)诿織l可執(zhí)行的語句結(jié)尾添加分號(hào)。
使用分號(hào)的另一用處是在一行中編寫多條語句。
a = 5;
b = 6;
c = a + b;
JavaScript 代碼
JavaScript 代碼是 JavaScript 語句的序列。 瀏覽器按照編寫順序依次執(zhí)行每條語句。 本例向網(wǎng)頁輸出一個(gè)標(biāo)題和兩個(gè)段落: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p id="demo">一句問候</p> <div id="myDIV">一段話</div> <script> document.getElementById("demo").innerHTML="你好 summer"; 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"> <title>php中文網(wǎng)(php.cn)</title> <script> function myFunction(){ document.getElementById("myPar").innerHTML="你好,世界!"; document.getElementById("myDiv").innerHTML="這里要顯示一句話。"; } </script> </head> <body> <p id="myPar">替代</p> <div id="myDiv">覆蓋</div> <p> <button type="button" onclick="myFunction()">點(diǎn)擊這里</button> </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; line-height: normal; white-space: normal; widows: 1; 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 \
("你好世界!");