不是javascript三層 而是前端分為三層
創新互聯-專業網站定制、快速模板網站建設、高性價比岑溪網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式岑溪網站制作公司更省心,省錢,快速模板網站建設找我們,業務覆蓋岑溪地區。費用合理售后完善,十載實體公司更值得信賴。
結構層對應html
表現層對應css
行為層對應javascript
所謂結構層就是用來描述整個頁面的結構,html代碼規劃出整個頁面的所有元素,并通過嵌套描述出結點之間的關系 所以叫結構層
表現層就是對結構層中描述的結點定義外觀,所以叫表現層
行為層就是定義網頁中各種事件如何觸發,甚至實現一些業務邏輯,所以叫行為層
使用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 取決于你的上下文.
這里實現了一個層的切換,在單擊“學員信息”這幾個層會出發onClick事件,運行之前定義好的changemenu函數,第一個if相當與做了一個清空以前顯示的層的一個操作,old保存了是上一次打開層的對象,在每次觸發這個函數的時候,就把以前的層關閉。在第二個if-else中實現了層的顯示與關閉,在這里id..style.display為修改當前層的顯示形式(這個應該早知道了),那么最終實現的效果就是,當單擊“學院信息”時就會顯示“第一個層顯示的內容”,再點擊一下時,第一個if判斷old對象與obj對象是相等的所以第一個if不會執行,進入到if-else中進行執行。