0

我正在使用此脚本将用户的历史记录存储到最近访问的 10 个页面的 cookie 中。到目前为止，我已经获得了使用 document.title 和列表中的 url 显示 cookie 数据的脚本。

我的问题是添加页面跳过功能的最简单方法是什么，它可以让我省略某些页面被添加到历史 cookie 中？我尝试过的一切都没有奏效，因为它有点超出我的知识范围。

感谢您的时间和帮助。

JS：

(function($){

var history;

function getHistory() {
    var tmp = $.cookie("history");
    if (tmp===undefined || tmp===null) tmp = "";
    if ($.trim(tmp)=="") tmp = [];
    else tmp = tmp.split("||");
    history = [];
    $.each(tmp, function(){
        var split = this.split("|");
        history.push({
            title: split[0],
            url: split[1]
        });
    });
}

function saveHistory() {
    var tmp = [];
    $.each(history, function(){
        tmp.push(this.title+"|"+this.url);
    });
    $.cookie("history",tmp.join("||"),{ expires: 60, path: "/" });
}

function addToHistory(title,url) {
    var newHistory = []
    $.each(history, function(){
        if (this.url!=url) newHistory.push(this);
    });
    history = newHistory;
    if (history.length>=10) {
        history.shift();
    }
    history.push({
        title: title,
        url: url
    });
    saveHistory();
    writeHistory();
}

function writeHistory() {
    var list = $("<ul />");
    $.each(history, function() {
        var element = $("<li />");
        var link = $("<a />");
        link.attr("href",this.url);
        link.text(this.title);
        element.append(link);
        list.append(element);
    });
    $("#history").empty().append(list);
}

$(document).ready(function(){
    getHistory();
    var url = document.location.href;
    var split = url.split("#");
    var title;
    if (split.length > 1) {
        title = $("#"+split[1]).text();
    } else {
        title = document.title;
    }
    if (title===undefined || title===null || $.trim(title)=="") title = url;
    addToHistory(title,url);
    url = split[0];
    $("a[href^='#']").click(function(){
        var link = $(this);
        var href = link.attr("href");
        var linkUrl = url+href;
        var title = $(href).text();
        if (title===undefined || title===null || $.trim(title)==="") title = linkUrl;
        addToHistory(title,linkUrl);
    });
});

})(jQuery);

HTML：

<div id="history"></div>
4

1 回答 1

0

有几种方法可以解决这个问题...您可以保留一个不保存的 url 数组，或者您可以在页面中放置一些内容，让脚本知道不保存该页面？...

function saveHistory(){ if ($('.no-save-history')) return false; /*...*/ }

HTML：

<div id="history" class="no-save-history">

于 2013-05-23T14:38:26.153 回答