html5手機返回按鈕跳轉到指定頁面問題


    最近在做活動的時候有一個這樣的場景,在主頁面點擊跳出一個彈層表單,填寫完信息后,點擊確認跳轉到指定的展示頁面了。這時候在手機端點擊瀏覽器自帶的返回按鈕后,回到主頁面,這時候主頁面無法刷新,彈層信息還在。所以采用了html5的一個方法讓展示頁面返回時跳轉到指定頁面

       index.html是我的主頁面,在該頁面有個彈層表單;

       show.html是我的展示頁面,在該頁面有返回按鈕監聽的方法

show.html頁面添加下面腳本,監聽跳轉到首頁地址:

window.onpopstate = function(event) {
	location.href = "index.html";
};

添加並激活一個歷史記錄條目:

history.pushState({}, "title 1", "#");

經測試,在返回主頁面的時候其實是重新加載了頁面,正好達到我的目的,解決了返回時無法刷新頁面的問題。

by as

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM