1. 程式人生 > >手機上萬能返回上一頁(wap2.0)代替history.go(-1)

手機上萬能返回上一頁(wap2.0)代替history.go(-1)

int view push 機器 type field ... tar ret

最近在做wap2.0的手機wap,寫返回上一頁的時候,開始是用history.go(-1);

發現在手機上只有部分機器可以比如windows mobile 而在別的機器如nokia和ophone手機

上這些就不太好用了,經過左思右想終於想到了個山寨方法來解決這個流氓問題了...

不直接用手機的返回功能,而是通過讀取 referrer 上得到上一頁的鏈接來實現手機返回上一頁功能

代碼如下:

Javascript CODE

[javascript] view plaincopyprint?
  1. /*返回上一頁*/
  2. function return_prepage()
  3. {
  4. if(window.document.referrer==""||window.document.referrer==window.location.href)
  5. {
  6. window.location.href="{dede:type}[field:typelink /]{/dede:type}";
  7. }else
  8. {
  9. window.location.href=window.document.referrer;
  10. }
  11. }

在需要用的地方直接調用;

javascript:return_prepage();

監聽瀏覽器返回上一頁

$(document).ready(function($) { if (window.history && window.history.pushState) { $(window).on(‘popstate‘, function() { var hashLocation = location.hash; var hashSplit = hashLocation.split("#!/"); var hashName = hashSplit[1]; if (hashName !== ‘‘) { var hash = window.location.hash; if (hash === ‘‘) { alert(‘後退按鈕點擊‘); } } }); window.history.pushState(‘forward‘, null, ‘./#forward‘); } });

手機上萬能返回上一頁(wap2.0)代替history.go(-1)