快捷導(dǎo)航

iOS微信瀏覽器回退不刷新實(shí)例(監(jiān)聽(tīng)瀏覽器回退事件)

更新時(shí)間：2017年05月28日 10:02:01 投稿：jingxian

下面小編就為大家?guī)?lái)一篇iOS微信瀏覽器回退不刷新實(shí)例(監(jiān)聽(tīng)瀏覽器回退事件)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

iOS在微信瀏覽器回退是不重新加載頁(yè)面的，有些時(shí)候是需要重新加載的，所以需要監(jiān)聽(tīng)回退事件

$(function(){
  pushHistory();
});
function pushHistory(){
  window.addEventListener("popstate", function(e){
    alert("回退！");

    //window.history.back();
    //在歷史記錄中后退,這就像用戶點(diǎn)擊瀏覽器的后退按鈕一樣。

    //window.history.go(-1);
    //你可以使用go()方法從當(dāng)前會(huì)話的歷史記錄中加載頁(yè)面（當(dāng)前頁(yè)面位置索引值為0，上一頁(yè)就是-1，下一頁(yè)為1）。

    //self.location=document.referrer;
    //可以獲取前一頁(yè)面的URL地址的方法,并返回上一頁(yè)。
  }, false); 
  var state = {
    title:"",
    url: "#"
  }; 
  window.history.pushState(state, "", "#"); 
};

新增一個(gè)歷史記錄點(diǎn)window.history.pushState，pushState有三個(gè)參數(shù)

1狀態(tài)對(duì)象：記錄歷史記錄點(diǎn)的額外對(duì)象，可以為空

2頁(yè)面標(biāo)題：目前所有瀏覽器都不支持

3可選的url：瀏覽器不會(huì)檢查url是否存在，只改變url，url必須同域，不能跨域

監(jiān)聽(tīng)歷史記錄點(diǎn)popstate事件，當(dāng)瀏覽器操作歷史記錄條目時(shí)觸發(fā)

以上這篇iOS微信瀏覽器回退不刷新實(shí)例(監(jiān)聽(tīng)瀏覽器回退事件)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

IOS自定義UIView
本文主要介紹下存代碼的自定義UIView和能夠在storeboard中實(shí)時(shí)顯示效果的自定義UIView。下面跟著小編一起來(lái)看下吧
2017-03-03
iOS 監(jiān)聽(tīng)回調(diào)機(jī)制KVO實(shí)例
下面小編就為大家分享一篇iOS 監(jiān)聽(tīng)回調(diào)機(jī)制KVO實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01
iOS實(shí)現(xiàn)圖片折疊效果
這篇文章主要為大家詳細(xì)介紹了iOS實(shí)現(xiàn)圖片折疊效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-02-02
詳解Swift 之clipped是什么如何用
這篇文章主要介紹了詳解Swift 之clipped是什么如何用,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-01-01
Flutter之可滾動(dòng)組件實(shí)例詳解
這篇文章主要為大家介紹了Flutter之可滾動(dòng)組件實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-10-10
IOS 中UIKit-UIPageControl利用delegate定位圓點(diǎn)位置
這篇文章主要介紹了IOS 中UIKit-UIPageControl利用delegate定位圓點(diǎn)位置的相關(guān)資料,需要的朋友可以參考下
2017-04-04
ios微信瀏覽器返回不刷新問(wèn)題完美解決方法
這篇文章主要介紹了ios微信瀏覽器返回不刷新問(wèn)題完美解決方法,需要的朋友可以參考下
2017-09-09
通過(guò)UIKit坐標(biāo)系來(lái)全面掌握iOS中的UIScrollView組件
iOS開(kāi)發(fā)套件中的UIScrollView組件十分強(qiáng)大,不僅是滾動(dòng),縮放操作也能夠控制自如,其核心當(dāng)然是坐標(biāo)軸上的控制,下面就通過(guò)UIKit坐標(biāo)系來(lái)全面掌握iOS中的UIScrollView組件
2016-05-05
iOS開(kāi)發(fā)中使用FMDB來(lái)使程序連接SQLite數(shù)據(jù)庫(kù)
這篇文章主要介紹了iOS開(kāi)發(fā)中使用FMDB來(lái)使程序連接SQLite數(shù)據(jù)庫(kù),SQLite是一個(gè)簡(jiǎn)單的嵌入式數(shù)據(jù)庫(kù),非常適合輕量級(jí)使用,需要的朋友可以參考下
2015-11-11
Flutter Widgets MediaQuery控件屏幕信息適配
這篇文章主要為大家介紹了Flutter Widgets 之 MediaQuery控件獲取屏幕信息和屏幕適配示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-11-11