javascript - 按F5(刷新)后如何运行函数？

Question

我尝试制作一些处理“面板更改后跟随 URLhash”之类的事件的脚本。按钮或链接上的事件没有问题，但刷新页面时遇到问题。我的面板无法保留其值并自动重置。

我尝试像这样解决刷新问题:

<script>
document.addEventListener('keydown', function(e) {
    if(e.which == 116) {
        window.alert("1234");
        var id = window.location.hash;
        changePanel(id);
    }
}, false);
</script>

正如我向您展示的代码，alert() 函数正在运行，但 changePanel() 不起作用。我认为是因为 alert() 在刷新之前已经运行了，并且 changePanel() 也运行了。但在 changePanel() 的情况下，它在刷新之前运行，然后在刷新之后所有更改都重置为默认值。

刷新后如何运行changePanel()？

Answer 1

这不起作用，因为按 f5 后页面将刷新，因此新内容将出现在页面上，因此您的面板/选项卡将被重置..

您可以在

上尝试您的代码

$(document).ready(
     var id = window.location.hash;
     changePanel(id);
);

上面的代码将在刷新按钮后自动设置选项卡，并且您可以在按下按钮时保留这两行的相同代码，这样这也适用于您的实时页面。 :)

这对你有用。

谢谢。