javascript - location.reload(), Javascript, HTML

Question

当我尝试在我的 HTML 文件的按钮中使用以下代码时，我总是遇到问题。

onClick=window.location.reload();
mapGenerator();

页面重新加载，但生成 D3JS View 的 javascript (mapGenerator) 没有出现。我做错了什么？

Answer 1

location.reload() 将立即重新加载页面并阻止执行任何后续代码。

但是，您可以创建一个函数，在页面加载(重新)加载后执行您的方法:

window.onload = function() {
    mapGenerator();
};

此方法将每次 页面完全加载时运行。要仅在使用 location.reload() 重新加载页面后运行代码，您可以创建一个通过设置 cookie 然后重新加载页面来处理点击的方法。

function handleClick() {
    document.cookie="reload=true";
    location.reload();
}

这需要您将 onClick 值更改为 onClick="handleClick();"。现在，无论何时加载页面，您都可以检查是否已设置 cookie。您的 window.onload 函数现在更改为:

window.onload = function() {
    if(document.cookie.indexOf("reload") >= 0) {
        mapGenerator();
    }
}

检查 cookie 是否存在 - answer by Michael Berkowski

重新加载后，是否要取消设置 cookie 取决于您 — 如果您不这样做，页面将在每次加载页面时运行函数 mapGenerator，直到 cookie 过期。

如果您需要有关 cookie 的更多帮助，请查看 W3Schools' tutorial .