一些小页面 后台希望不跳转 在一个页面内显示 模仿template写法
image.png
js
$(function(){
$(".m38-dv1-btn").on("click",function(){
$(".m38-dd-01").addClass("m39-book")
$(".m39-nav-dv").removeClass("m39-book")
setUrl()
return false;
})
//监听返回按钮
function setUrl(){
if (window.history && window.history.pushState) {
$(window).on('popstate', function() {
var hashLocation = location.hash;
var hashSplit = hashLocation.split("#!/");
var hashName = hashSplit[1];
if (hashName !== '') {
var hash = window.location.hash;
if (hash === '') {
$(".m38-dd-01").removeClass("m39-book")
$(".m39-nav-dv").addClass("m39-book")
}
}
});
window.history.pushState('forward', null, './#forward');
};
}
})
如果有退回按钮 在退回按钮上添加
history.go(-1);
