8.27日(rì)音(yīn)訊,頁面制(zhì↕±§α)作(zuò)中hidden的(de)實際應用(yòng)詳解

 　　8.27日(rì)音(yīn)訊,頁面制(≠ δzhì)作(zuò)中hidden的(de)實際應用(yòng)詳解•Ω€。一(yī)提到(dào)清除浮動，我們就(jiù)會(huì)想到(dàoπ↔)另外(wài)一(yī)個(gè)CSS樣式：cl'¥>ear:both，我相(xiàng)信對(duì)于這(zh™↓è)個(gè)屬性的(de)理(lǐ)解大(dà)家(jiā)都(dōuδ≤★)不(bù)成問(wèn)題的(de)。但(dàn)±₩是(shì)對(duì)于“浮動”這(zhè)£♥§個(gè)詞到(dào)底包含什(shén)麽樣的(de)含義呢(ne)？o¥α‍¥verflow:hidden這(zhè)個(gè)CSS樣式是(​γ↑shì)大(dà)家(jiā)常用(yòng↓∞)到(dào)的(de)CSS樣式，但(dàn♦₩)是(shì)大(dà)多(duō)數(shù)人(rén)對(duì)這γ& δ(zhè)個(gè)樣式的(de)理(lǐ)解僅僅局限于隐藏溢出，而對(★≤€duì)于清除浮動這(zhè)個(gè)含義不(bù)£÷是(shì)很(hěn)了(le)解。

　　下(xià)面邯鄲網站(zhàn)制(zhì)作(zφφλ"uò)首創網絡小(xiǎo)編來(lái)給大&✔(dà)家(jiā)講解一(yī)下(xià)，歡迎大(dà)家(ji→✘ā)與我們一(yī)塊討(tǎo)論：

　　1隐藏域在頁面中對(duì)于用(yòng)戶是(s♣'÷hì)不(bù)可(kě)見(jiàn)的(de§♣×ε)，在表單中插入隐藏域的(de)目的(de)在于收集或發送信息，以♠£利于被處理(lǐ)表單的(de)程序所使用(yòng↑≤'≠)。浏覽者單擊發送按鈕發送表單的(de)時(shí)候，隐→φ藏域的(de)信息也(yě)被一(yī)起發送到(dào)♦€♥服務器(qì)。

　　2有(yǒu)些(xiē)時(shí)候我們要(yào)給用(yòng‍Ω)戶一(yī)信息，讓他(tā)在提交表單時(shí)提交上(shàng)來‌&☆(lái)以确定用(yòng)戶身(shēn)份，如(rú)s✘₹&essionkey，等等．當然這(zhè)些(xiē)​↓東(dōng)西(xī)也(yě)能(néng)用(yòng)←©cookie實現(xiàn)，但(dàn)使用(yòng)隐藏域就(ji♦‌¥ ù)簡單的(de)多(duō)了(le)．而且不(bù)會(huì)有(yǒu✘π♦✔)浏覽器(qì)不(bù)支持，用(yòng)戶禁用(yòng)cookφ'±♣ie的(de)煩惱。

　　3有(yǒu)些(xiē)時(shí)候一(yī)個(gè≈☆∏)form裡(lǐ)有(yǒu)多(duō)個(gè)提交按鈕，怎樣使÷±‍程序能(néng)夠分(fēn)清楚到(dào)底用(♠♥Ω yòng)戶是(shì)按那(nà)一(yī)個(gè)按鈕↑<>>提交上(shàng)來(lái)的(de)呢(neγ★≤ )？我們就(jiù)可(kě)以寫一(yī)個(gè)隐藏域，然後• 在每一(yī)個(gè)按鈕處加上(shàng)onclick=♥≈$"document.form.command.value="xx""然後≥γε我們接到(dào)數(shù)據後先檢查command的(d≥>>e)值就(jiù)會(huì)知(zhī)道(dào)用(yòng)戶是(s≠$ πhì)按的(de)那(nà)個(gè)按鈕提交上(shàng)來(lái)的←¥λ(de)。

　　4有(yǒu)時(shí)候一(yī)個(gè)網頁中有(y₽λǒu)多(duō)個(gè)form，我們知(§¶zhī)道(dào)多(duō)個(gè)form是(¥✘↕÷shì)不(bù)能(néng)同時(sh​≈í)提交的(de)，但(dàn)有(yǒu)時(shí)這(zhè)些(αΩxiē)form确實相(xiàng)互作(zuò)用(yòng) ☆，我們就(jiù)可(kě)以在form中添加隐藏域來(lái)使它們聯系起來↔§£(lái)。

　　5javascript不(bù)支持全局變量，但(dàβ‍€n)有(yǒu)時(shí)我們必須用(yòng)全局變量，我們就(jiù)可$₹✔(kě)以把值先存在隐藏域裡(lǐ)，它的(de)值就(jiù)不↑∏↑δ(bù)會(huì)丢失了(le)。

　　6還(hái)有(yǒu)個(gè)例子(zǐ)，比如(rú®≈)按一(yī)個(gè)按鈕彈出四個(gè)小(xiǎo)窗(cφ↓•huāng)口，當點擊其中的(de)一(yī)個(gè)小(x™δiǎo)窗(chuāng)口時(shí)其他(tā)三個(g↑ è)自(zì)動關閉．可(kě)是(shì)IE不(bδσù)支持小(xiǎo)窗(chuāng)口相(xiàng)互調用(yòng)，§≥所以隻有(yǒu)在父窗(chuāng)口寫個(gè)隐藏域，當小(x α←→iǎo)窗(chuāng)口看(kàn)到(dào↕&)那(nà)個(gè)隐藏域的(de)值是(shì)close時(shí)就(↓✘jiù)自(zì)己關掉。

　　如(rú)果pwai中還(hái)包含其他(tā)的(de)p，我不§₩©(bù)允許它出現(xiàn)在nei的(de£₽‍)右側，我們則用(yòng)樣式clear:both指定←♦這(zhè)個(gè)p，不(bù)允許它浮動在nei右側。

　　這(zhè)些(xiē)在ie6裡(lǐ)面是(shì)正确的♣♣φ↑(de)。但(dàn)是(shì)在火(huǒ)狐或者其他(tā∏♥♣✘)浏覽器(qì)裡(lǐ)面，我們發現(x​£≥iàn)問(wèn)題并非如(rú)此簡單。我們發現(xi✔ σ✔àn)，當nei這(zhè)個(gè)p§≠ε的(de)寬度和(hé)高(gāo)度都(dōu)大(d₽αà)于wai這(zhè)個(gè)p的(de)時‌©‌α(shí)候，wai并沒有(yǒu)被內 ↕∞(nèi)撐開(kāi)而是(shì)依舊(jiù)顯示‌∑為(wèi)我們指定的(de)寬高(gāo)。在我的(de)例子(zǐ)中★★，都(dōu)是(shì)500。

　　這(zhè)個(gè)時(shí)候我不(bù)理(lǐ)解了↕✘(le)，我搜索了(le)很(hěn)多←↕§Ω(duō)的(de)資料，但(dàn)是(shì)都(dōu∞​↔)沒能(néng)理(lǐ)解這(zhè)是(sh¶"ì)為(wèi)什(shén)麽，直到(dào)看(kàn)到(dào)‌→≤别人(rén)在類似的(de)情況下(xià)給w★"∑ai這(zhè)個(gè)p加了(le)一(yī)個(gè)ov≤ αerflow:hidden這(zhè)個(gè)屬性解決了(le)這(zhè)®₽個(gè)問(wèn)題。

　　我們直到(dào)overflow:hidden¥₩這(zhè)個(gè)屬性的(de)作(zuò)用(y™✔òng)是(shì)隐藏溢出，給wai加上(shàng)這(zhè)個(g$↓♦è)屬性後，我們的(de)nei的(de)寬高(gāo)自(zì)動的(d​×e)被隐藏掉了(le)。另外(wài)，我們再做(zuò)一→∞(yī)個(gè)試驗，将wai這(zh™≤ è)個(gè)p的(de)高(gāo)度值删除後，我們發現(xiàn)，waiφ$的(de)高(gāo)度自(zì)動的(de)被nei這(zhλ'è)個(gè)p的(de)高(gāo)度值給撐開(kāi)了(le©★ ¥)。

　　說(shuō)到(dào)這(zhè)裡(lǐ)，我們再±​來(lái)理(lǐ)解一(yī)下(xià)“浮動”↔¶×這(zhè)個(gè)詞的(de)含義。我們原先的(de)理♠λ≥(lǐ)解是(shì)，在一(yī)個(gè)平面上( ✔™shàng)的(de)浮動，但(dàn)是(s>∞"¶hì)通(tōng)過這(zhè)個(gè)試驗，我們發現(xiàn)，這•£•≥(zhè)不(bù)僅僅是(shì)一(yī)個(≠♥♥©gè)平面上(shàng)的(de)浮動，而是(shì)一(yī)個(gè↑€<)立體(tǐ)的(de)浮動！

　　也(yě)就(jiù)是(shì)說(shuō)，當nei這(zh ♦≥$è)個(gè)p加上(shàng)浮動這(zh<®• è)個(gè)屬性的(de)時(shí)候，在顯示器(qì)₹©®的(de)側面，它已經脫離(lí)了(le)wai這(zhè)個(π‍♥gè)p，也(yě)就(jiù)是(shì)說(sh$∞uō)，此時(shí)的(de)nei的(de)寬高(₹€≠gāo)是(shì)多(duō)少(shǎo)，對(duì)于已經脫離(↑γ©♣lí)了(le)的(de)wai來(lái)說(shuō)，都(dōu)是Ω $(shì)不(bù)起作(zuò)用(yòng)的(de)。↓‍