浏览器的回退事件

本文介绍HTML5新增的hashchange事件,详细解释了当页面URL的hash值变化时,如何利用此事件实现页面间的跳转逻辑,特别是从C页面返回A页面的方法。通过三种不同方式绑定事件监听,并演示了如何在func()方法中切换hash值,实现页面跳转。

当a页面跳到b  b跳到c  如何做到c页面点击回到到a页面呢?

这是一个HTML 5新增的事件,当#值发生变化时,就会触发这个事件。IE8+、Firefox 3.6+、Chrome 5+、Safari 4.0+支持该事件。

它的使用方法有三种:

  window.onhashchange = func;

  <body onhashchange="func();">

  window.addEventListener(“hashchange”, func, false);

首先加入也能监听  上面三种方法随便一个

然后定义func()方法

var isChanging = 0;
    var func= function(){
        if (isChanging--) {
            return false;
        }
        if (window.location.hash == "#backButtonClick") {
        window.location ="#xx链接"
            isChanging = 1;
        }
        else {
            isChanging = 2;
            window.location.hash = "#backButtonClick";
        }
        window.location.hash = "#forward"
    }

转载于:https://www.cnblogs.com/yumingzhao/p/9722606.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值