想實現頁面回到上一層,就能返回最後離開時候得到狀態,包括樣式一系列的,頁面上沒有返回上一層的btn,感覺很難實現!網上都說用hash,cookie,storage我感覺都不靠譜,根本沒辦法取得頁面是跳轉過來的還是返回回來的,求大神指導!
闭关修行中......
window.history.go(-1);
簡單,離開的時候,你的url上帶個參數:encode_url後的上一個頁面的地址!
是的,目前沒辦法判斷頁面是怎麼進入的,有可能是回退,有可能是前進。
http://www.zhangxinxu.com/wor...
現在我有2頁:頁A和頁面B
頁B
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <button type="" onclick='back()'>返回A页</button> <script> function back() { window.history.go(-1); } sessionStorage.setItem('info', 'true'); //值必须为字符串 </script> </body> </html>
頁A
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <a href="B.html">跳转到B页面</a> <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <script> var flag = sessionStorage.getItem('info'); // IE不支持本地文件 if (flag === 'true') { $('<span class="back-succeed">返回成功</span>').appendTo('body'); //如果是从其他页面返回本页,添加提示 console.log('页面是从B页返回的'); sessionStorage.removeItem('info'); } else { console.log('页面是新进入的'); } </script> </body> </html>
流程:
1、從頁面A進入頁面B2、頁面B我們設定了一個info==='true'的sessionStorage3、頁面B透過按鈕呼叫函數back()執行window.history.go(-1)回傳了頁面A4、回到頁面A後我們取得info並賦值給flag,判斷flag==='true'就表示是從頁面B返回的,並清除info的值,如果在頁面A刷新,那麼info已經被清除了,會輸出:頁面是新進入的。 5、如果一開始就直接打開頁面A,此時沒進入頁面B,info也是不存在的,會輸出:頁面是新進入的
複製A和B頁面的內容可自行測試- -
window.history.go(-1);
簡單,離開的時候,你的url上帶個參數:encode_url後的上一個頁面的地址!
是的,目前沒辦法判斷頁面是怎麼進入的,有可能是回退,有可能是前進。
http://www.zhangxinxu.com/wor...
現在我有2頁:頁A和頁面B
頁B
頁A
流程:
複製A和B頁面的內容可自行測試- -