javascript - 刷新页面时丢失数据

我正在尝试实现看似简单的任务，但这完全使我感到困惑。

当用户单击菜单项时，页面会刷新，并且用户最终会转到另一个页面。

div使用更新的文本进行更新。

我的问题是，刷新页面后会丢失“您在新页面上”消息，如何将更新后的消息保留在新页面上？

jQuery-

<script>
    $(document).ready(function () {

        $("li.sub-level").click(function (e) {
            $('.mylink').html("You are on a new page");

        });

    });

</script>

html-

<div class="mylink">My link</div>

最佳答案

您需要首先在infoObj中“保存”您的第一个位置，建议您使用第一页的网址进行操作。
当您在第一页上时，这将防止字符串“您在新页上”。

$(document).ready(function() {
    var infoObj = {};
    var url = window.location.href;

    if (localStorage.myLink != null) {
      infoObj = JSON.parse(localStorage.myLink)
      if (infoObj.url == url) {
        $('.mylink').html(infoObj.text);
      }
    }

    $("li.sub-level").click(function(e) {
      infoObj = {
        url: "PUT YOU FIRST PAGE URL HERE",
        text: "You are on a new page"
      }
      localStorage.myLink = JSON.stringify(infoObj)
    });
});