页面刷新量后替换元素答案

【问题标题】：Replace element after amount of page refreshes页面刷新量后替换元素
【发布时间】：2020-01-23 18:04:05
【问题描述】：

今天，我在考虑是否可以在专门刷新页面 10 次后用 javascript 替换元素。我真的需要这个来在页面刷新量后替换一个元素以使其成为静态。我试图对其进行编码，但到目前为止，我的编码是在单击元素 3 次后替换它。 localStorage 记录它并创建一个密钥，以便网络服务器记住更改。所有，我想要的是在页面上刷新 10 次后用 urls 代码替换其代码的元素。

var count = parseInt(localStorage.getItem("count"), 10) || 0;
function loadMyPage() {
    if (count >= 3)
        $("#id-2").load("yoinkexecutor2.html");
    }
}

$(document).ready( function () {
    loadMyPage();
    $("#id-2").on("click", function() {
        localStorage.setItem("count", count += 1);
        loadMyPage();
    });
});

【问题讨论】：

我更喜欢你使用 Cookie 而不是 localStorage。那很容易和可用。您可以在此网址上查看示例：stackoverflow.com/questions/14573223/…
除了在 loadMyPage 中的 if 语句有一个小的语法错误之外，您提供的代码似乎可以在 fiddle 中找到。
可以理解的@MohammadrezaYektamaram 我可能会使用localStorage，因为它看起来更简单。另外，我已经尝试了代码，我在小提琴中发布了它，但它似乎不起作用，我只是将它上传到我的网络服务器，它工作正常。但是，是的，我只需要在刷新页面后让它替换元素。
当然，你不能在fiddle网站中存储任何数据。
是的，哈哈 fiddle 更像是客户端的 javascript 实验。

标签： javascript jquery html ajax replace

【解决方案1】：

好的，我更新了 fiddle 以在重新加载小提琴时工作。不要太担心我的 mockHtmlReq 函数，因为它只是模拟对 HTML 内容的请求，类似于 .load()。

我唯一改变的是$(document).ready()内部

$(document).ready( function () {
    loadMyPage();
    localStorage.setItem("count", count += 1);
});

基本上，每次重新加载页面时，我们都会增加存储在localStorage 中的count 值。

【讨论】：