JavaScript 語句

JavaScript 語句向瀏覽器發出的指令。語句的作用是告訴瀏覽器該做什麼。

document.getElementById使用

語法:oElement = document .getElementById ( sID )

參數:sID--必選項。字串 (String) 。

傳回值:oElemen--物件 (Element) 。

說明:依照指定的 id 屬性值得到物件。傳回 id 屬性值等於 sID 的第一個物件的參考。假如對應的為一組對象,則傳回該組對像中的第一個。 如果無符合條件的對象,則傳回 null 。

注意: document.getElementById(" ") 得到的是一個對象,用 alert 顯示得到的是“ object ”,而不是具體的值,它有 value 和 length 等屬性,加上得到 .value 的才是具體的數值!

詳情:

① document.getElementById 有時會抓 name 放過了 id ,並指稱是 IE 的一個 BUG 

的元素必須有id屬性,才能透過這個方法得到,例如<input type=textname="content" id="content">

③取得html標記主要有兩種方法,一種是透過ID值,一種是透過name屬性(name屬性主要用於form表單內的input標記。)

#注意:

document.getElementById(" " ) 得到的是一個對象,用alert 顯示得到的是

“ object ”,而不是特定的值,它有value 和length 等屬性,加上.value 得到的才

是具體的值!

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
    <p id="demo"></p>
    <script>
    document.getElementById("demo").innerHTML = "你好 summer";
    </script>
</body>
</html>

分號 ;

分號用來分隔 JavaScript 語句。

通常我們在每個可執行的語句結尾都會加上分號。

使用分號的另一個用處是在一行中寫多條語句。

a = 5;b = 6;
c = a + b;

JavaScript 程式碼

JavaScript 代码是 JavaScript 语句的序列。
浏览器按照编写顺序依次执行每条语句。
本例向网页输出一个标题和两个段落:
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(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 可以分批地組合起來。

程式碼區塊以左花括號開始,以右花括號結束。

程式碼區塊的作用是一併地執行語句序列。

本範例向網頁輸出一個標題和兩個段落:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(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()">点击这里</button>
    </p>
</body>
</html>

JavaScript 語句識別碼

JavaScript 語句通常以一個 語句標識符 為開始,並執行該語句。

語句標識符是保留關鍵字不能當變數名稱使用。

下表列出了JavaScript 語句識別碼(關鍵字) :

<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, " Yaheii" -serif; font-size: 12px; line-height: normal; white-space: normal; widows: 1; background-color: rgb(255, 255, 255);">


語句     

說明

#########break    用來跳出迴圈。 。 for    在條件語句為true 時,可以將程式碼區塊執行指定的次數。 ####function    定義一個函數   ######if ... else    用於基於不同的條件來執行不同的動作。不同的條件來執行不同的動作。 ######while    當條件語句為true 時,執行語句區塊。

JavaScript 對大小寫敏感。

JavaScript 對大小寫是敏感的。

當編寫 JavaScript 語句時,請留意是否關閉大小寫切換鍵。

函數 getElementById 與 getElementbyID 是不同的。

同樣,變數 myVariable 與 MyVariable 也是不同的。


空白

JavaScript 會忽略多餘的空格。您可以為腳本新增空格,來提高其可讀性。下面的兩行程式碼是等效的:

var person="Hege";
var person = "Hege";


對程式碼行進行折行

您可以在文字字串中使用反斜線對程式碼行進行換行。下面的範例會正確地顯示:

document.write("你好\
世界!");

不過,你不能像這樣折行:

document.write \ 
("你好世界!");



##

繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> function getAge(){ var age; age = document.getElementById("age_input").value; if ( age == "" ) { alert("请输入您的年龄!"); return false; } if ( age > 25 ) { alert("您的岁数大于 25 岁。"); } else if ( age < 25 ) { alert("您的岁数小于 25 岁。"); } else { alert("您的岁数等于 25 岁。"); } } </script> </head> <body> 您的年龄:<input type="text" id="age_input" /> <input type="button" onclick="getAge()" value="确定" /> </body> </html>