最近在做活動的時候有一個這樣的場景,在主頁面點擊跳出一個彈層表單,填寫完信息后,點擊確認跳轉到指定的展示頁面了。這時候在手機端點擊瀏覽器自帶的返回按鈕后,回到主頁面,這時候主頁面無法刷新,彈層信息還在。所以采用了html5的一個方法讓展示頁面返回時跳轉到指定頁面
index.html是我的主頁面,在該頁面有個彈層表單;
show.html是我的展示頁面,在該頁面有返回按鈕監聽的方法
show.html頁面添加下面腳本,監聽跳轉到首頁地址:
window.onpopstate = function(event) { location.href = "index.html"; };
添加並激活一個歷史記錄條目:
history.pushState({}, "title 1", "#");
經測試,在返回主頁面的時候其實是重新加載了頁面,正好達到我的目的,解決了返回時無法刷新頁面的問題。
by as