Javascript 如何在页面刷新时保持活动onclick

==========html===========

  $(document).ready(function () {
      $("#2").click(function () {
         $("#content").load("{% url 'about' %}");
       });

    $("#3").click(function () {
      $("#content").load("{% url 'pay' %}");
    });

 });

你好
{%endblock测试%}

---

我试图存档，如果我重新加载页面，在单击另一个页面链接之前，调用div的html填充保持不变。

您可以使用

localStorage

（）在页面重新加载之间保持有限状态。请记住，

localStorage

将保留相同的值，即使您使用相同的网站/域从同一浏览器的另一个选项卡访问它。即使在浏览器重新启动之间，它也会持续存在

下面是一个简单的测试：

函数documentLoaded（）
{
var contentDiv=document.getElementById（“内容”）；
函数刷新（）
{
contentDiv.innerHTML=localStorage.getItem（“内容”）；
}
var link1=document.getElementById（“link1”）；
var link2=document.getElementById（“link2”）；
var link3=document.getElementById（“link3”）；
link1.onclick=function（）{localStorage.setItem（“content”，“div text 1”）；refresh（）；}
link2.onclick=function（）{localStorage.setItem（“content”，“div text 2”）；refresh（）；}
link3.onclick=function（）{localStorage.setItem（“content”，“div text 3”）；refresh（）；}
刷新（）；
}






默认div文本

您可以使用

localStorage

（）在页面重新加载之间保持有限的状态。请记住，

localStorage

将保留相同的值，即使您使用相同的网站/域从同一浏览器的另一个选项卡访问它。即使在浏览器重新启动之间，它也会持续存在

下面是一个简单的测试：

函数documentLoaded（）
{
var contentDiv=document.getElementById（“内容”）；
函数刷新（）
{
contentDiv.innerHTML=localStorage.getItem（“内容”）；
}
var link1=document.getElementById（“link1”）；
var link2=document.getElementById（“link2”）；
var link3=document.getElementById（“link3”）；
link1.onclick=function（）{localStorage.setItem（“content”，“div text 1”）；refresh（）；}
link2.onclick=function（）{localStorage.setItem（“content”，“div text 2”）；refresh（）；}
link3.onclick=function（）{localStorage.setItem（“content”，“div text 3”）；refresh（）；}
刷新（）；
}






默认div文本

最好的办法是使用一些cookie或其他东西来存储所单击的链接。你能给我推荐一些示例或链接吗？你也可以使用

window.history.pushState

（以便更新url）popstate来重新设置页面刷新时的活动链接。这是否回答了你的问题？最好的办法是使用一些cookie或其他东西来存储所单击的链接。你能给我推荐一些示例或链接吗？你也可以使用

window.history.pushState

（以便更新url）popstate来重新设置页面刷新时的活动链接。这是否回答了你的问题？

<a id="2" href="#">click me </a>
<a id="3" href="#">pay </a>

<div id="content"></div>

<h1>hello</h1>

{% endblock test %}