Javascript-保存cookie并在用户刷新页面时保持保存状态的收藏夹按钮？

我正在尝试为我的类示例站点创建一个收藏夹按钮。当我点击按钮时，它工作并根据需要将用户带到详细信息页面，但当我返回主页时，它不会将图像更新/保存为收藏夹。我试着去弄清楚，但我对编码有点陌生，所以我有点挣扎

我试着转换格式，参考在线参考资料。我玩了一点ajax，但还是没能把它保存下来

Javascript:

function myFunction(elem) {
        var i = document.getElementById(elem.id);

        if(elem.id <= ids.length) {
            i.addEventListener("click", function() {
                var name = getCookie("imgNum");
                setCookie("imgNum", name, 30);
            });
        }

        var a = document.createElement("BUTTON");
        a.innerHTML = "faved";
        i.parentNode.replaceChild(a, i);

    }

    function setCookie(cname, cvalue, exdays) {
        var d = new Date();
        d.setTime(d.getTime() + (exdays*24*60*60*1000));
        var expires = "expires=" + d.toGMTString();
        document.cookie = cname+"="+cvalue+"; "+expires;
    }

    function getCookie(cname) {
        var iUrl = imgUrl[cname];
        return imgUrl;


    }

    function checkCookie() {
        var name = getCookie("imgNum");
        setCookie("imgNum", name, 30);
    }

    function myFunctionTwo(elem) {
        var y = document.getElementById(elem.id);

    }

函数myFunction（elem）{
var i=document.getElementById（elem.id）；
如果（elem.id首先，我建议使用本地存储而不是Cookie。其次，我没有看到一种方法来读取存储的数据，检查是否存在偏好项，并在页面加载时根据保存的数据适当更新页面。我同意Tim的观点。但请记住，本地存储仅限于浏览器。如果按浏览器中的“后退”按钮返回可能不会发出新的请求b浏览器将显示缓存页面。首先，我建议使用本地存储而不是cookies。其次，我没有看到读取存储数据、检查是否存在收藏夹项以及根据保存的数据更新页面的方法当页面加载时，请注意。我同意Tim的观点。但请记住，本地存储仅限于浏览器。如果按浏览器中的“后退”按钮返回，则可能不会在浏览器中发出新的请求，并且会显示缓存页面。