简单的javascript重装不起作用

Question

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

JS功能：

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

HTML按钮：

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

Answer 1

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

中

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

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

The edited bin

Answer 2

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

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

Answer 3

您的功能在

中定义

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

正文，因此函数名称的范围就是那个正文。因此，您无法从内联onXXX属性中引用它。

使用

将其与元素相关联

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

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

Answer 4

你可以直接做

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