pushState、replaceState、onpopstate 实现Ajax页面的前进后退刷新

//------点击切换页面时
$('bottomstickon block').click(function(){
    public.menuMethod($(this).attr('method'));
})

//添加popstate事件  ------点击返回时
$(window).on("popstate",function(){
    console.log(public.getUrl());
    public.replaceState(public.getUrl());
});


var public = {
	//当前网址
	getUrl:function(){
		var url = window.location.pathname;
		url = url.replace('/web/','').replace('.html','');
		return url;
	},
	//bottom菜单
	menuMethod:function(themodthd){
		if(themodthd==pageName)return;
		eval('method_'+pageName).unbind();
		history.pushState ({url:themodthd}, null, themodthd+".html");
		eval('method_'+themodthd).init();
		public.bottom();  
	},
	//replaceState
	replaceState:function(themodthd){
		if(themodthd==pageName)return;
		eval('method_'+pageName).unbind();
		history.replaceState({url:themodthd}, null, themodthd+".html");
		eval('method_'+themodthd).init();
		public.bottom();  
	},
 }