js 调用手机返回按钮

js 中我们可以使用 go history 返回上一级页面,但是如果你是单独一个页面,调用手机自带的返回按钮,想要返回你想要返回的页面,

可以让用户不容易出站

可以有效推广页面

js 为了安全考虑 不允许修改history里已有的url链接,但是我们可以使用h5提供的方法 pushState,

在history 里添加链接,并且使用 h5 中的 popstate 事件监测从history栈里弹出url,直接上代码

 

下边是a页面代码

  window.οnlοad=function(){
      var url=" "; 第二次点击返回手机按钮 页面跳转的地址

      注意:这个url 必须和 a 页面的域名一样不可以跨域,不然会报错
      pushHistory();
      window.addEventListener("popstate", function(e) {

          // 调用手机按钮,这里可以写你的操作或则如下边直接跳转
          window.location = "你想要跳转的url";  //你点击手机自带的返回键跳转的地址,
      }, false);
      function pushHistory() {
            var state = { title: "",url: url };
            window.history.pushState(state, "", url);
        }  
    };

这样就永远不会有出站地址

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值