简单的javascript重新加载不起作用答案

【问题标题】：Simple javascript reload not working简单的javascript重新加载不起作用
【发布时间】：2013-09-04 18:32:31
【问题描述】：

Here 是 Bin。我正在尝试通过在函数refresh() 中使用location.reload() 并在按钮中使用onclick='refresh()' 来制作一个重新加载页面的示例。由于某种原因，页面没有重新加载。

JS函数：

function refresh() {
    location.reload();
}

HTML 按钮：

<button onclick='refresh()'>Try Refreshing!</button>

【问题讨论】：

【解决方案1】：

您的刷新方法不在全局范围内 - 它包含在您的 document.ready 中。

将它从 document.ready 移出到它自己的脚本标签中。

<script>
    function refresh() {
        location.reload();
    }
</script>

【讨论】：

【解决方案2】：

refresh() 函数不在全局范围内。为了使函数全局可访问，您可以这样做：

window.refresh = function() {
    location.reload();
};

【讨论】：

【解决方案3】：

你的函数是在

里面定义的

$(document).ready(function () {
    ...
});

body，所以函数名的作用域就是那个body。因此，您无法从内联 onXXX 属性中引用它。

要么使用

将其与元素相关联

$("#buttonid").click(refresh);

或者在文档就绪函数之外定义函数。

【讨论】：

【解决方案4】：

你可以直接做

<button onclick="window.location.reload()">Try refreshing!</button>

【讨论】：