监听地址栏hash值的变化

1  history.js//兼容ie6+

2  hashchange

$(window).on("hashchange", function() {//兼容ie8+和手机端
            $('.div1').append(This.location.hash);
        });

3 pushState//兼容ie9+

http://www.zhangxinxu.com/wordpress/2013/06/html5-history-api-pushstate-replacestate-ajax/

http://www.cnblogs.com/hustskyking/p/history-api-in-html5.html

$('.a').on('click', function() {// 创建新history实体
            history.pushState({a:'aa'}, '', location.href+'?'+Math.random());
            });
            $('.b').on('click', function() {// 修改新history实体(虽然浏览记录确实生成了2条，但是实际你只能找到被修改后的{a:'bb'})
            history.replaceState({a:'bb'}, '', location.href+'?'+Math.random()+'------');
            });
            window.addEventListener('popstate', function() {// 前进后退触发
               console.log(history);
               console.log(history.state);// 这里是你设置的{a:'aa'}
            });