7.12日(rì)音(yīn)訊,id和(hé)name的(de)§↓"用(yòng)法知(zhī)識詳解

 　　7.12日(rì)音(£≠∞φyīn)訊,id和(hé)name的(de)用(yòn♦φ•∑g)法知(zhī)識詳解。在網頁制(zhìδ∞)作(zuò)中，id和(hé)name是(shì)常用(y☆✘∞òng)到(dào)的(de)，以前我們也(yě)沒有(yǒu)φ✘®仔細研究，總以為(wèi)技(jì)術(shù)就(jiù)是σδ"(shì)這(zhè)樣的(de)，又(yòu)何必多(duō₩‍☆★)此一(yī)舉去(qù)研究呢(ne)，可(k​αě)是(shì)當我們用(yòng)的(de)時(shí→←∞​)間(jiān)長(cháng)了(le)，又(yòu)感₩">到(dào)這(zhè)又(yòu)是(shì)一(yī)個(π£₩≥gè)急需搞明(míng)白(bái)的(de)一(yī)個( &•gè)事(shì)，不(bù)能(néng)總是→ααλ(shì)帶著(zhe)疑問(wèn)去(qù)工(gōng)作(zuò$>↓)，相(xiàng)信大(dà)家(jiā)對πΩ(duì)它的(de)研究也(yě)不(bù)會φ®ε(huì)太多(duō)，在此邯鄲網站(zhàn)建設首創網絡小(xiǎo)編給大(dà)家(™∏☆≥jiā)一(yī)塊討(tǎo)論下(xià)它們的(✘<↕de)涵義和(hé)用(yòng)法，僅供大(dφ♦φà)家(jiā)交流學習(xí)。HTML元素的(de)ID和εδγ♦(hé)Name屬性的(de)區(qū)别。

　　ID就(jiù)像是(shì)一(yī)個(gè)人(rén≥‌ )的(de)身(shēn)份證号碼，而Name就(jiù)像是( δshì)他(tā)的(de)名字，ID顯然是(shì)唯一(→∑®Ωyī)的(de)，而Name是(shì)可(kě)↔¶以重複的(de)。

　　顯然這(zhè)個(gè)ID和(hé)Name的( <​≈de)解答(dá)說(shuō)的(de)太籠統了♦↓♣(le)，當然那(nà)個(gè)解釋對←☆(duì)于ID來(lái)說(shuō)是(shì)'₹‍✘完全對(duì)的(de)，它就(jiù)是(shì)Cl""£ient端HTML元素的(de)Identity。σ≠≠而Name其實要(yào)複雜(zá)的(‍<λ€de)多(duō)，因為(wèi)Name有(yǒu)很(hδ€ěn)多(duō)種的(de)用(yòng)途，所以它并不(bù)®∑能(néng)完全由ID來(lái)代替，從(cóng)而将其取消掉♥•≈。具體(tǐ)用(yòng)途有(yǒu)：

　　用(yòng)途1:作(zuò)為(wè✔δi)可(kě)與服務器(qì)交互數(s¶♣✘hù)據的(de)HTML元素的(de)服務器(←≈•✘qì)端的(de)标示，比如(rú)input∑§>≠、select、textarea、和(h♣  é)button等。我們可(kě)以在服務器(qì)端$σ‌根據其Name通(tōng)過Request.Pa•‍rams取得(de)元素提交的(de)值。

　　用(yòng)途2:HTML元素Inputtype='radio'分(f♦₹¶ēn)組，我們知(zhī)道(dào)radiobutton控≤≤件(jiàn)在同一(yī)個(gè)分(☆↔∑δfēn)組類，check操作(zuò)是(shì)mu×σtex的(de)，同一(yī)時(shí)間(★∞σjiān)隻能(néng)選中一(yī)↑'☆≥個(gè)radio，這(zhè)個(gè)分(f✘®ēn)組就(jiù)是(shì)根據相(xiàn∏δg)同的(de)Name屬性來(lái)實現(xiàn)的(de)。

　　用(yòng)途3:建立頁面中的(de)錨點，我們知(zhī)道(dà™×©≠o)link是(shì)獲得(de)一(yī)個(gè)頁面超級鏈接，如(r"★ ✔ú)果不(bù)用(yòng)href屬性，而改用(y™"òng)Name，如(rú)：，我們就(jiù)獲得(de)了(le)一(y≠☆'ī)個(gè)頁面錨點。

　　用(yòng)途4:作(zuò)為(wèi)對(duì)象的(de)Id₽>∞£entity，如(rú)Applet、Object、Embe‍∑✘​d等元素。比如(rú)在Applet對(duì)象實例中，我÷€∞們将使用(yòng)其Name來(lái)引用(yòng)該對(duì)象&&‍₩。

　　用(yòng)途5:在IMG元素和(hé)MAP元素之間(jiā§‍₩₹n)關聯的(de)時(shí)候，如(rú)果要(yàφ≥o)定義IMG的(de)熱(rè)點區(qū)域，需要(y'₽ào)使用(yòng)其屬性usemap，使use∞©♥map="#name"(被關聯的(de)MAP元素的✔←∏(de)Name)。

　　用(yòng)途6:某些(xiē)特定元素的(de)屬性，如(rú)←>"∏attribute，meta和(hé)param。例如(rú)為(÷‍∑wèi)Object定義參數(shù)或Meta中。

　　顯然這(zhè)些(xiē)用(yòng)途都(dōu)不(bù)是✘±(shì)能(néng)簡單的(de)使  §→用(yòng)ID來(lái)代替掉的(de)，所以HTM☆$©L元素的(de)ID和(hé)Name的(de)卻别并不(₹∑δ≥bù)是(shì)身(shēn)份證号碼和(hé)姓名這(zh♣ε♠εè)樣的(de)區(qū)别，它們更本就(jiù)是(shì)不(bù)™↕ 同作(zuò)用(yòng)的(de)東(dōng)'™∏×西(xī)。

　　第二種解釋：

　　可(kě)以說(shuō)幾乎每個(gè)做(↔♦∞zuò)過Web開(kāi)發的(de)人(rén)都(dōu₩¥♥)問(wèn)過，到(dào)底元素的(de)ID和(h↓≠é)Name有(yǒu)什(shén)麽區(qū)别呀？為(wèi)什(s₹☆↓hén)麽有(yǒu)了(le)ID還(h£↑ái)要(yào)有(yǒu)Name呢‌™​ (ne)?上(shàng)周我也(yě)遇到(dào)了(le)ID和(hé)±λ♣±Name的(de)問(wèn)題，在頁面裡(lǐ)輸入了(le)一(yī)個π₩•‌(gè)inputtype="hidden"，隻寫了(↑β≈le)一(yī)個(gè)ID='SliceInfo'，賦值λγγ↓後submit，在後台用(yòng)Request.Params["Sl£♥♣iceInfo"]卻怎麽也(yě)去(qù)不(bù)到(dào)​÷值。後來(lái)恍然大(dà)悟因該用(yòng)N£©ame來(lái)标示，于是(shì)在input裡(lǐ)加了(le)個(g↕>♠è)Name='SliceInfo'，就(jiù)一(yī≤÷ε)切ok了(le)。

　　第一(yī)段裡(lǐ)對(duì)于ID和(hé)Name的(de‌×)解答(dá)說(shuō)的(de)太籠統了(le)，當然那(nà)÷≈個(gè)解釋對(duì)于ID來(lái)說(↑ shuō)是(shì)完全對(duì)的(de)，它就(jiù)♥ δ是(shì)Client端HTML元素的(d✘ ™≥e)Identity。而Name其實要(yào)複雜(zá)的(de)Ωπ多(duō)，因為(wèi)Name有(yǒu)很(hěn)多(duō)§™種的(de)用(yòng)途，所以它并不(bù)能(≤©♣£néng)完全由ID來(lái)代替，從(cóng)而将其取消•☆↓掉。具體(tǐ)用(yòng)途有(yǒu)€§'∏：

　　用(yòng)途1:作(zuò)為(wèi₹γ✔↑)可(kě)與服務器(qì)交互數(shù)據的(de)HTML元素≥¥★的(de)服務器(qì)端的(de)标示，比如(rú)in ©©put、select、textarea、和(hé)©£<button等。我們可(kě)以在服務器(qì)端根據其Name通(tōn↑∞g)過Request.Params取得(de)元素提交的(de)值。

　　用(yòng)途2:HTML元素Inputtype='r↕₽♠εadio'分(fēn)組，我們知(zhī)道(d>€δ←ào)radiobutton控件(jiàn)在同一(yī)個(gè)分(fē¥≠σ n)組類，check操作(zuò)是(shì)mutex的(de‌±>δ)，同一(yī)時(shí)間(jiān♦ ♠£)隻能(néng)選中一(yī)個(gè)radio，這(zhè) ★'ε個(gè)分(fēn)組就(jiù)是(shì)根據相(xiàng)同₽™的(de)Name屬性來(lái)實現(xiàn)•ε¥↕的(de)。

　　用(yòng)途3:建立頁面中的(de)錨≥>點，我們知(zhī)道(dào)link是(shì)獲得(de)一(yī↔™♠☆)個(gè)頁面超級鏈接，如(rú)果不(bù)用(yλ♦òng)href屬性，而改用(yòng)Name，如(rú)：，我們就(jiù)獲得(de)了(le)一(yī)個(gè)頁面錨&₽♦點。

　　用(yòng)途4:作(zuò)為(wèi)對(duì)αφ≠₽象的(de)Identity，如(rú)Applet、Obj‍₽ect、Embed等元素。比如(rú)在Applet對ε (duì)象實例中，我們将使用(yòng)其Name來(γαlái)引用(yòng)該對(duì)象。

　　用(yòng)途5:在IMG元素和(hé)σ✔γ§MAP元素之間(jiān)關聯的(de)時(shí)φ≤候，如(rú)果要(yào)定義IMG的(‍∏₽de)熱(rè)點區(qū)域，需要(yào)使用(yò¥©∑×ng)其屬性usemap，使usemap="↓≈<§#name"(被關聯的(de)MAP元素≤€♠‌的(de)Name)。

　　用(yòng)途6:某些(xiē)特定元素的(de)屬性，如(δσ♣↕rú)attribute，meta和(hé)αγparam。例如(rú)為(wèi)Objec'≥t定義參數(shù)或Meta中。

　　顯然這(zhè)些(xiē)用(yòng)途都(dōu)不(bù)是(s§✘™hì)能(néng)簡單的(de)使用(y£βòng)ID來(lái)代替掉的(de)，所以HTML元素的(de)ID和(h≥$é)Name的(de)卻别并不(bù)是(sh>•ì)身(shēn)份證号碼和(hé)姓名這(zhè)樣的(de)區(qū↓>₹)别，它們更本就(jiù)是(shì)不(bù)同作(z$₽§uò)用(yòng)的(de)東(dōng)西(xī)。

　　當然HTML元素的(de)Name屬性在頁面中也(→↑♣♣yě)可(kě)以起那(nà)麽一(yī)點ID的(d¶ e)作(zuò)用(yòng)，因為(wèi)在DHTML對(d∏× ↕uì)象樹(shù)中，我們可(kě)以使用(yòng)document₹∞<.getElementsByName來(ασ§≤lái)獲取一(yī)個(gè)包含頁面中所有(yǒu)指定Naβ∑me元素的(de)對(duì)象數(shù)組。Name屬性還(háα♠ε₹i)有(yǒu)一(yī)個(gè)問(wèn)題，當我們動态創建¥φ✔可(kě)包含Name屬性的(de)元素時(shí)，不(bù)能(nén λ'∏g)簡單的(de)使用(yòng)賦值ele→α<∏ment.name="..."來(lái)添加其Name>☆σ，而必須在創建Element時(shí)，使用(yòng)documenγ"±t.createElement('')為(wèi)元素添加Name屬性。這(zhè)是(shì)什(shén)✔≈÷‌麽意思啊？看(kàn)下(xià)面的(de>β)例子(zǐ)就(jiù)明(míng)白(☆÷bái)了(le)。

　　初始化(huà)Name屬性的(de≠≤©✔)這(zhè)個(gè)設計(jì)不(bù)是(shì)IE的(​∞γde)缺陷，因為(wèi)MSDN裡(lǐ)說(shuō)δ★©π了(le)要(yào)這(zhè)麽做(zuò)的(de$♠ )，可(kě)是(shì)這(zhè)樣設₽≤↔計(jì)的(de)原理(lǐ)什(shén)麽呢(ne)？我暫時(shí)沒‌ ™×有(yǒu)想太明(míng)白(bái)。

　　這(zhè)裡(lǐ)再順便說(shuō)一(yī)下(xià​∞¥)，要(yào)是(shì)頁面中有(yǒu)n(n>1)個(gè)H≠→TML元素的(de)ID都(dōu)相(xiàng)同了(le)怎麽辦？在Dσ ‍™HTML對(duì)象中怎麽引用(yòng)他(tā)們呢(neβ∑¶)？如(rú)果我們使用(yòng)ASPφσ®∏X頁面，這(zhè)樣的(de)情況是(shì≠♣€←)不(bù)容易發生(shēng)的(d<₹e)，因為(wèi)aspnet進程在處理(lǐ)aspx頁面時(shí©∏)根本就(jiù)不(bù)允許有(yǒu∑™☆)ID非唯一(yī)，這(zhè)是(shì)頁面會(huì)₩Ω被抛出異常而不(bù)能(néng)被正常的(d≈∑‍αe)render。要(yào)是(shì)不(bù)是(shì)動态頁面±±δ∑，我們硬要(yào)讓ID重複那(nà)IE怎麽搞呢(ne)？↔→這(zhè)個(gè)時(shí)候我們還(¶ δλhái)是(shì)可(kě)以繼續使用(♥©→yòng)document.getElementBy★≤$πId獲取對(duì)象，隻不(bù)過我們隻能(néng)獲取ID重複的♦φ(de)那(nà)些(xiē)對(du죠β₽)象中在HTMLRender時(shí)第一(yī)個(gè)出現(xi<≤×àn)的(de)對(duì)象。而這(zhè)時(shí)重複的(de)IDπλ®會(huì)在引用(yòng)時(shí)自×★(zì)動變成一(yī)個(gè)數(shù)組，ID重複的(de)元素按 ©≤Render的(de)順序依次存在于數(shù)組中。