不是javascript三層 而是前端分為三層
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比岑溪網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式岑溪網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們,業(yè)務覆蓋岑溪地區(qū)。費用合理售后完善,十載實體公司更值得信賴。
結構層對應html
表現(xiàn)層對應css
行為層對應javascript
所謂結構層就是用來描述整個頁面的結構,html代碼規(guī)劃出整個頁面的所有元素,并通過嵌套描述出結點之間的關系 所以叫結構層
表現(xiàn)層就是對結構層中描述的結點定義外觀,所以叫表現(xiàn)層
行為層就是定義網(wǎng)頁中各種事件如何觸發(fā),甚至實現(xiàn)一些業(yè)務邏輯,所以叫行為層
使用jquery:
$('#Layer1').hide();//隱藏
$('#Layer1').show();//顯示
或者直接寫js:
document.getElementById('Layer1').style.display="none";//隱藏
document.getElementById('Layer1').style.display="";//顯示
var oDiv = ;//[your div] 可以用document.getElementById("IDNAME");
oDiv.style.visibility = "visible|hidden"; // 顯示或者隱藏,hidden會保留div的位置,會顯示一塊空白
oDiv.style.display = "block|inline|none";//換行顯示\同行顯示\不顯示.none不會保留div的位置,會由其他div自動填充原來的位置
//none 和 visible 取決于你的上下文.
這里實現(xiàn)了一個層的切換,在單擊“學員信息”這幾個層會出發(fā)onClick事件,運行之前定義好的changemenu函數(shù),第一個if相當與做了一個清空以前顯示的層的一個操作,old保存了是上一次打開層的對象,在每次觸發(fā)這個函數(shù)的時候,就把以前的層關閉。在第二個if-else中實現(xiàn)了層的顯示與關閉,在這里id..style.display為修改當前層的顯示形式(這個應該早知道了),那么最終實現(xiàn)的效果就是,當單擊“學院信息”時就會顯示“第一個層顯示的內(nèi)容”,再點擊一下時,第一個if判斷old對象與obj對象是相等的所以第一個if不會執(zhí)行,進入到if-else中進行執(zhí)行。