手机上万能返回上一页(wap2.0)代替history.go(-1)

本文介绍了一种在手机WAP应用中实现返回上一页功能的方法,针对不同手机型号兼容性问题,提供了一个通过读取referrer来获取上一页链接的解决方案,并给出了具体的JavaScript代码示例。

最近在做wap2.0的手机wap,写返回上一页的时候,开始是用history.go(-1);

发现在手机上只有部分机器可以比如windows mobile 而在别的机器如nokia和ophone手机

上这些就不太好用了,经过左思右想终于想到了个山寨方法来解决这个流氓问题了...

不直接用手机的返回功能,而是通过读取 referrer 上得到上一页的链接来实现手机返回上一页功能

代码如下:

Javascript CODE

[javascript]  view plain copy print ?
  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');
  }
 
});

 

转载于:https://www.cnblogs.com/hfgb/p/7115815.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值