frameset 框架使用 以及跨頁面請求
阿新 • • 發佈：2018-12-23
頁面佈局：
1.index.html: 頁面只識別frameset,frame標籤，其餘標籤全部不識別 <!DOCTYPE html> <html> <headlang="en"> <metacharset="UTF-8"> <title>後臺管理</title> </head> <framesetrows="47,*"cols="*"frameborder="no"border="0"framespacing="0"> <framesrc="top.html"name="topFrame" 
具體程式碼： <!-- 退出彈框 --> <divid="layuiLayerShade"class="layui-layer-shade"style="display:none;z-index:19891015;background-color:#000;opacity:0.3;filter:alpha(opacity=30);"></div> <divclass="layui-layer layui-anim layui-layer-dialog "id="layuiLayer"style="display:none;z-index:19891015;top:197px;left:426px;"> <divclass="layui-layer-title">退出</div> <divid=""class="layui-layer-content">您確定要退出這個系統嗎？</div> <spanclass="layui-layer-setwin"> <aclass="layui-layer-ico layui-layer-close layui-layer-close1"href="javascript:;"onclick="quitCancle()"></a> </span> <divclass="layui-layer-btn"> <aclass="layui-layer-btn0"onclick="quitSure()"href="login.html">確定</a> <aclass="layui-layer-btn1"onclick="quitCancle()">取消</a> </div> </div> <!-- 退出彈框 -->
在right.html 中再接著寫 確定，取消，關閉按鈕的彈框就好了。 3.這裡還有個問題： 遮罩層只覆蓋了right.html,頁面頭部，左側導航沒有遮罩層還可以點選 解決辦法： 本地儲存 ①top.html , left.html 頁面都新增遮罩層，預設隱藏 ②本地儲存 預設：localStorage.setItem("shade",0); 遮罩層隱藏 ③ 彈框彈出時設定本地儲存： shade: 1; 關閉時： shade: 0; ④ 滑鼠移動時觸發事件，顯示或隱藏top.html , left.html 的遮罩層 $(document).mousemove(function(){ var shade = localStorage.getItem("shade"); if(shade==0){ $(".shade").hide(); }else{ $(".shade").show(); } }); 4.跳轉頁面 一般： location.href 只是區域性頁面的重新整理，跳轉 top.location.href 是整個頁面框架的重新整理，跳轉
1.index.html: 頁面只識別frameset,frame標籤，其餘標籤全部不識別 <!DOCTYPE html> <html> <headlang="en"> <metacharset="UTF-8"> <title>後臺管理</title> </head> <framesetrows="47,*"cols="*"frameborder="no"border="0"framespacing="0"> <framesrc="top.html"name="topFrame"
具體程式碼： <!-- 退出彈框 --> <divid="layuiLayerShade"class="layui-layer-shade"style="display:none;z-index:19891015;background-color:#000;opacity:0.3;filter:alpha(opacity=30);"></div> <divclass="layui-layer layui-anim layui-layer-dialog "id="layuiLayer"style="display:none;z-index:19891015;top:197px;left:426px;"> <divclass="layui-layer-title">退出</div> <divid=""class="layui-layer-content">您確定要退出這個系統嗎？</div> <spanclass="layui-layer-setwin"> <aclass="layui-layer-ico layui-layer-close layui-layer-close1"href="javascript:;"onclick="quitCancle()"></a> </span> <divclass="layui-layer-btn"> <aclass="layui-layer-btn0"onclick="quitSure()"href="login.html">確定</a> <aclass="layui-layer-btn1"onclick="quitCancle()">取消</a> </div> </div> <!-- 退出彈框 -->
在right.html 中再接著寫 確定，取消，關閉按鈕的彈框就好了。 3.這裡還有個問題： 遮罩層只覆蓋了right.html,頁面頭部，左側導航沒有遮罩層還可以點選 解決辦法： 本地儲存 ①top.html , left.html 頁面都新增遮罩層，預設隱藏 ②本地儲存 預設：localStorage.setItem("shade",0); 遮罩層隱藏 ③ 彈框彈出時設定本地儲存： shade: 1; 關閉時： shade: 0; ④ 滑鼠移動時觸發事件，顯示或隱藏top.html , left.html 的遮罩層 $(document).mousemove(function(){ var shade = localStorage.getItem("shade"); if(shade==0){ $(".shade").hide(); }else{ $(".shade").show(); } }); 4.跳轉頁面 一般： location.href 只是區域性頁面的重新整理，跳轉 top.location.href 是整個頁面框架的重新整理，跳轉