主要内容

hash简单介绍

说明:

在开发中,经常使用hash来实现保存当前页面的操作。
如果在对应的代码中设置了hash的值,那么在访问的时候,当前页面的URL后面会跟上hash的值,表现为url路径 + #页码

使用:

(1)设置hash
    window.location.hash = "3";
(2)读取hash
    alert(window.location.hash);//或者是使用log来进行打印

weiBo项目使用示例:

(1)在点击页码的时候获取当前页码的值并保存到hash中

    function addPageClickEvent(page) {
        page.click(function () {
            // 切换页码选中状态
            $(this).addClass("active").siblings().removeClass("active");
            // 获取对应页码数据
            getMsg($(this).text());
            // 种一个哈希(保存页码的值)
            window.location.hash = $(this).text();
            pageNumber = parseInt($(this).text());
        });
    }

(2)在页面加载完之后就通过hash获取当前对应的页码信息
    var pageNumber = window.location.hash.substring(1) || 1;
    //注意:因为获取到的hash值前面包含一个#号,所以在这里进行了截串处理。

(3)根据获取到的页码,调用方法发送请求获取当前对应页码的数据并显示在页面中。