id與name

 

可以說幾乎每個做過Web開發的人都問過,到底元素的ID和Name有什麼區別阿?爲什麼有了ID還要有Name呢?! 而同樣我們也可以得到最classical的答案:ID就像是一個人的身份證號碼,而Name就像是他的名字,ID顯然是唯一的,而Name是可以重複的。

上週我也遇到了ID和Name的問題,在頁面裏輸入了一個input type="hidden",只寫了一個ID='SliceInfo',賦值後submit,在後臺用Request.Params["SliceInfo"]卻怎麼也去不到值。後來恍然大悟因該用Name來標示,於是在input里加了個Name='SliceInfo',就一切ok了。

但是name在以下用途是不能替代的:
1. 表單(form)的控件名,提交的數據都用控件的name而不是id來控制。因爲有許多name會同時對應多個控件,比如checkbox和radio,而id必須是全文檔中唯一的。此外瀏覽器會根據name來設定發送到服務器的request。因此如果用id,服務器是無法得到數據的。
2. frame和window的名字,用於在其他frame或window指定target。

以下兩者可以通用,但是強烈建議用id不要用name:
1. 錨點,通常以前寫作<a name="myname">,現在可以用任何的元素id來指定:<div id="myid">。

以下只能用id:
1. label與form控件的關聯,
    <label for="MyInput">My Input</label>
     <input id="MyInput" type="text">
     for屬性指定與label關聯的元素的id,不可用name替代。
2. CSS的元素選擇機制,以#MyId的方式指定應用樣式的元素,不能用name替代。
3. 腳本中獲得對象:
IE支持在腳本中直接以id(而不是name)引用該id標識的對象。例如上面的input,要在腳本中獲得輸入的內容,可以直接以MyInput.value來獲得。
如果用DOM的話,則用document.getElementById("MyInput").value,如果要用name的話,通常先得到包含控件的form,例如document.forms[0],然後從form再引用name,注意這樣得到的是經過計算後將發送給服務器的值。

name與id的還有區別是:
id要符合標識的要求,比如大小寫敏感,最好不要包含下劃線(因爲不兼容CSS)。而name基本上沒有什麼要求,甚至可以用數字。
補充:name主要是表單元素裏纔有的屬性。。。通過js的document.表單名稱.文本框.value來獲取文本框的值,其中的表單名稱和文本框名稱指的是name,而非表單元素例如div,span等是沒有name屬性的,而id屬性是任何一個HTML元素都會有的。當你需要用js獲取非表單元素對象是就得用document.getElementById("id")

 


表單元素(form input textarea select)與框架元素(iframe frame)用 name
這些元素都與表單(框架元素作用於form的target)提交有關, 在表單的接收頁面只
接收有name的元素, 賦ID的元素通過表單是接收不到值的, 你自己可以驗證一下.
有一個例外: A 可以賦 name 作爲錨點, 也可以賦ID

當然上述元素也可以賦ID值, 賦ID值的時候引用這些元素的方法就要變一下了.
賦 name: document.formName.inputName document.frames("frameName")
賦 ID : document.getElementById("inputID") document.all.frameID

只能賦ID不能賦name的元素:(除去與表單相關的元素都只能賦ID)
body li table tr td th p div span pre dl dt dd font b 等等

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章