資訊專(zhuān)欄INFORMATION COLUMN
摘要：項(xiàng)目上線(xiàn)后，客戶(hù)反應(yīng)當(dāng)頁(yè)面跳轉(zhuǎn)到級(jí)或級(jí)頁(yè)面，點(diǎn)擊瀏覽器后退鍵時(shí)，頁(yè)面返回上級(jí)頁(yè)面后提示缺少參數(shù)，頁(yè)面的數(shù)據(jù)也是空白的，為了解決這一問(wèn)題，我的解決方案是禁用瀏覽器后退鍵，下面是解決方法在方法中，用監(jiān)聽(tīng)地址變化。
該文章適用于angularjs創(chuàng)建的單頁(yè)面應(yīng)用SPA，如vuejs或react.js不在本文討論范圍內(nèi)。
我用angularjs和sb-admin2實(shí)現(xiàn)了前端框架，在不考慮瀏覽器后退鍵的情況下，是用$state和$stateParams實(shí)現(xiàn)后退功能的，當(dāng)然也可以自己創(chuàng)建全局單例或是localstroge、sessionstorge處理歷史跳轉(zhuǎn)數(shù)據(jù)。
項(xiàng)目上線(xiàn)后，客戶(hù)反應(yīng)當(dāng)頁(yè)面跳轉(zhuǎn)到3級(jí)或4級(jí)頁(yè)面，點(diǎn)擊瀏覽器后退鍵時(shí)，頁(yè)面返回上級(jí)頁(yè)面后提示缺少參數(shù)，頁(yè)面的數(shù)據(jù)也是空白的，為了解決這一問(wèn)題，我的解決方案是禁用瀏覽器后退鍵，下面是解決方法：
在angular.module("appId").run()方法中，用$locationChangeStart監(jiān)聽(tīng)url地址變化。代碼如下：
$rootScope.$on("$locationChangeStart",function(ev,to,from){
if($rootScope.previousState && $rootScope.nowState && $rootScope.previousState == to)
{
console.log("not back");
ev.preventDefault();
}
else{
$rootScope.previousState = from;
$rootScope.nowState = to;
}
});
這樣之前的問(wèn)題就可以避免了，但是我也發(fā)現(xiàn)了一個(gè)小bug。雖然禁用了瀏覽器的后退鍵，用戶(hù)點(diǎn)擊業(yè)務(wù)頁(yè)面上的返回按鈕時(shí)，頁(yè)面雖然成功返回到上一頁(yè)面，但是瀏覽器地址欄的url沒(méi)有變，當(dāng)再次點(diǎn)擊返回按鈕時(shí)url又變回正常。
因?yàn)閷?duì)功能沒(méi)啥影響，就沒(méi)有再深入了解該問(wèn)題，如果有高人解決或是了解該問(wèn)題，望請(qǐng)告知。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/110131.html
摘要：項(xiàng)目上線(xiàn)后，客戶(hù)反應(yīng)當(dāng)頁(yè)面跳轉(zhuǎn)到級(jí)或級(jí)頁(yè)面，點(diǎn)擊瀏覽器后退鍵時(shí)，頁(yè)面返回上級(jí)頁(yè)面后提示缺少參數(shù)，頁(yè)面的數(shù)據(jù)也是空白的，為了解決這一問(wèn)題，我的解決方案是禁用瀏覽器后退鍵，下面是解決方法在方法中，用監(jiān)聽(tīng)地址變化。 該文章適用于angularjs創(chuàng)建的單頁(yè)面應(yīng)用SPA，如vuejs或react.js不在本文討論范圍內(nèi)。 我用angularjs和sb-admin2實(shí)現(xiàn)了前端框架，在不考慮瀏覽器...
摘要：如標(biāo)題所說(shuō)，本文提供的方法適用于多頁(yè)面網(wǎng)站，如單頁(yè)面應(yīng)用等不適用。利用和控制瀏覽器后退鍵失效，下面說(shuō)一下如何實(shí)現(xiàn)。當(dāng)你在頁(yè)面上寫(xiě)了瀏覽器會(huì)在中添加，同時(shí)頁(yè)面并不跳轉(zhuǎn)，但你只加了一次，所以只對(duì)一次后退事件起作用。 如標(biāo)題所說(shuō)，本文提供的方法適用于多頁(yè)面網(wǎng)站，如SPA單頁(yè)面應(yīng)用等不適用。 利用window.onpopstate和window.history.pushState 控制瀏覽器后...
摘要：如標(biāo)題所說(shuō)，本文提供的方法適用于多頁(yè)面網(wǎng)站，如單頁(yè)面應(yīng)用等不適用。利用和控制瀏覽器后退鍵失效，下面說(shuō)一下如何實(shí)現(xiàn)。當(dāng)你在頁(yè)面上寫(xiě)了瀏覽器會(huì)在中添加，同時(shí)頁(yè)面并不跳轉(zhuǎn)，但你只加了一次，所以只對(duì)一次后退事件起作用。 如標(biāo)題所說(shuō)，本文提供的方法適用于多頁(yè)面網(wǎng)站，如SPA單頁(yè)面應(yīng)用等不適用。 利用window.onpopstate和window.history.pushState 控制瀏覽器后...
閱讀 4009·2021-09-27 14:02
閱讀 1861·2019-08-30 15:56
閱讀 1799·2019-08-29 18:44
閱讀 3350·2019-08-29 17:21
閱讀 538·2019-08-26 17:15
閱讀 1223·2019-08-26 13:57
閱讀 1297·2019-08-26 13:56
閱讀 2955·2019-08-26 11:30
