使用onhashchange和hash实现无刷新页面

weixin_30673611

于 2019-06-27 00:43:00 发布

阅读量284

点赞数

原文链接：http://www.cnblogs.com/masha2017/p/11094728.html

版权

1、例子：http://blog.csdn.net/aitangyong/article/details/46455627

2、自己的例子

// onhashchange可以监控hash变化
window.οnhashchange=function(){
    var hash = window.location.hash;
    var id = parseInt(hash.substr(1));  //hash的值为#0，所以要截取第二个值，并转化为整数
    showPage(id);
};
//首页显示（下面的方法分别是按钮点击的方法）
function homePage(id){
    showPage(id);
}
//第一页显示
function firstPage(id){
    showPage(id);
}
//显示页面
function showPage(id){
    $("div[id!="+id+"]").hide();
    $("#"+id).show();
    window.location.hash=id;  // hash改变,浏览器会自动生成一个历史记录
}