如何在javascript中单击按钮重新加载网页，但在重新加载调用函数后

Posted 2023-02-16

【中文标题】如何在javascript中单击按钮重新加载网页，但在重新加载调用函数后

【英文标题】：How to reload a webpage with a button click in javascript but after reload calling a function

【发布时间】：2016-09-06 00:52:20

【问题描述】：

我正在制作一个 Flash 画廊，我希望每次在页面上显示新的 Flash 时重新加载页面。我想这样做是因为我想增加每次用户访问显示的广告数量。按钮单击成功重新加载页面，但阻止未来代码触发，这就是显示 Flash 的内容。

var c = 0;
var flashcon, test, temp;

// Function for inital flash page to work properly
function init() 
    flashcon = document.getElementById('flashcon');

    // Scripts for the buttons
    document.getElementById('back').onclick = function () 
        location.reload(false);
        if (c == 0) 
            c = paths.length;
        
        c--;
        displayFiles();
        download();
    

    document.getElementById('next').onclick = function () 
        location.reload(false);
        if (c == paths.length - 1) 
            c = -1;
        
        c++;
        displayFiles();
        download();
    

    document.getElementById('rand').onclick = function () 
        location.reload(false);
        temp = c;
        while (c == temp) 
            c = Math.floor(Math.random() * paths.length);
        
        displayFiles();
        download();
    

    // Scripts for the left and right arrow key functionality
    document.addEventListener('keydown', function (e) 
        if (e.which == 37) 
            $("#back").click();
        
    );

    document.addEventListener('keydown', function (e) 
        if (e.which === 39) 
            $("#next").click();
        
    );

【参考方案1】：

您需要存储一个变量。这可能就是你想要的：https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API

【参考方案2】：

在重新加载之前在 localStorage 中设置一个标志然后在初始化时检查值并正常调用您的函数或初始化。

【讨论】：

我不熟悉如何做到这一点，您有任何阅读材料的链接吗？我很乐意阅读。

这应该有助于***.com/questions/3262605/…

所以我应该将值设置为自动触发功能的值，然后当触发该功能时，它会将值重置为 0，直到再次选择按钮

在你的 init 中应该有一个 if 语句来检查 localStorage 的值，如果有值，然后调用你想调用的函数。如果没有则正常初始化。其次，在您重新加载页面之前，您在 localStorage 中设置了一个值，因此当重新加载时点击 init 时，它会在那里查找值，它将执行您想要的功能。