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

標籤：view   pop   stat   ...   war   需要   man   功能   article   

最近在做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.   
12. }  

 

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

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)