本文主要介紹javaWeb中使用layer彈出層以及關閉彈出層
（一）准備工作：
在使用layer之前，首先得導入layer插件包，以及jquery插件（注意：jquery版本需大於1.8，否則不生效）
這里給大家這兩個插件的下載地址以及layer的官方API 地址：
①layer插件：http://layer.layui.com/
②jquery插件：http://www.jq22.com/jquery/jquery-1.9.1.zip
layer官方API 地址： https://www.layui.com/doc/modules/layer.html
大家自行下載插件之后，需要在頁面引入js資源，如：
<script src="/third/jquery/jquery-1.9.1.js"></script>
<script src="/third/layer-v3.1.1/layer/layer.js"></script>
（二）開始使用：
現在准備工作完成了，我們現在開始使用layer！
（1）layer的父頁面（user_list.jsp）
①js代碼部分
1 <script type="text/javascript"> 2 3 // 打開修改頁面 4 function openEdit() { 5 var index = layer.open({ // 給當前layer彈出層賦值為index（在關閉彈窗時需要使用） 6 type: 2, // 設置彈出層的類型（默認為0） 7 area: ['90%', '90%'], // 設置彈出層的大小 8 fix: false, // 不固定（默認true，即鼠標滾動時，彈出層是否固定在可視區域。） 9 maxmin : true, // 最大最小化（該參數值對type : 1和type : 2有效。默認不顯示） 10 title: '修改用戶信息填寫', 11 content: 'user_edit.jsp', // 要跳轉的頁面地址（跟超鏈接是一樣的形式，也可拼接賦值） 12 end: function() { // 彈出層銷毀后觸發的回調（只要彈出層被銷毀了，end都會執行） 13 location.reload(); // 重新加載當前頁面 14 } 15 }); 16 } 17
18 </script>
②jsp頁面部分：
1 <a href="javascript:void(0)" onclick="openEdit()" >修改用戶信息</a>
（2）layer的子頁面（user_edit.jsp）
①js代碼部分：
這里需要注意，function的名稱不能為submit（function submit(){}），否則layer關閉會無法生效，因為submit()方法為js定義好的表單提交方法，不能作為function方法名。
1 <script type="text/javascript"> 2 3 function closeLayer() { 4 var index = parent.layer.getFrameIndex(window.name); // 獲取父頁面layer窗口索引 5 parent.layer.close(index) // 直接關閉layer 6 } 7 8 </script>
②jsp頁面部分：
在修改完成提交表單時，需要執行closeLayer()函數
1 <input type="submit" value="提交" onclick="closeLayer()" />
完成上面的操作，就可以輕松實現layer插件的彈出層打開和關閉操作。