ホームページ > ウェブフロントエンド > jsチュートリアル > JQ Cookieによる閲覧履歴の取得

JQ Cookieによる閲覧履歴の取得

巴扎黑
リリース: 2016-11-25 14:02:22
オリジナル
1687 人が閲覧しました

js Cookie の使用法を検索したところ、その多くが間違っているか、使用法が非常に古く、コードが簡潔に書かれていないことがわかりました。最後に、自分でやってみて、この需要は非常に一般的であると結論付けて記録しました

var historyCount = 15; //保存历史记录个数
/**
 * 增加浏览历史记录
 * @return
 */
function setHistory(keyWord) {
        var keyWords = $.cookie('keyWord');
        if (keyWords) {
            if(keyWord) {
                var keys = keyWords.split(",");
                for (var i = keys.length - 1; i >= 0; i--) {
                    if (keys[i] == keyWord) {
                        keys.splice(i, 1);
                    }
                }
                keys.push(keyWord);
                if (keys.length >= historyCount) {
                    //删除最开始的多余记录
                    var count = keys.length - historyCount + 1; //需要删除的个数
                    keys.splice(0, count); //开始位置,删除个数
                }
                $.cookie('keyWord', keys.join(','), {expires: 365, path: '/'});
            }
        } else {
            $.cookie('keyWord', keyWord, {expires: 365, path: '/'});
        }
}
function  delHistory(){
    $.cookie("keyWord",null,{path:"/",expires: -1});
}
function  getHistory(){
    var keyWords = $.cookie('keyWord');
    if(keyWords) {
        var keys=  keyWords.split(",");
        var length = keys.length;
        if (length > 0) {
            $("#historyRecord").empty();
            var htmlString = "<dt>历史搜索</dt><dd>";
            for (var i = length - 1; i >= 0; i--) {
                htmlString += "<a href=&#39;javascript:;&#39; >" + keys[i] + "</a>";
            }
            htmlString += "</dd>";
            $("#historyRecord").html(htmlString)
        }
    }
}
ログイン後にコピー


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート