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 ?
("你好世界!");