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'}
});