Question

我想在点击按钮时刷新当前页面。

使用JavaScript，我有以下内容：

<button type="button" onClick="refreshPage()">Close</button>

<script>
    function refreshPage() {
        // What do I put here?
    } 
</script>

什么代码会刷新当前页面？

Answer 1

<button type="button" onClick="refreshPage()">Close</button>

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

或

<button type="button" onClick="window.location.reload();">Close</button>

Answer 2

有几种方法可以使用按钮或其他触发器重新加载当前页面。下面的示例使用按钮单击来重新加载页面，但您可以使用文本超链接或任何您喜欢的触发器。

<input type="button" value="Reload Page" onClick="window.location.reload()">

<input type="button" value="Reload Page" onClick="history.go(0)">

<input type="button" value="Reload Page" onClick="window.location.href=window.location.href">

Answer 3

适用于所有浏览器。

<button type="button" onClick="Refresh()">Close</button>

<script>
    function Refresh() {
        window.parent.location = window.parent.location.href;
    }
</script>

Answer 4

这个问题实际上与JSP无关，它与HTTP有关。你可以这样做：

window.location = window.location;

Answer 5

我建议<a href='page1.jsp'>Refresh</a>。

Answer 6

<button onclick=location=URL>Refresh</button>

小黑客。

Answer 7

开发复习应用！
复制并运行！

<!DOCTYPE html>
<html>
<head>
    <title>Refresher App</title>
    <style>
        body {
            text-align: center;
            background-color: brown;
        }
        #container {
            color: white;
        }
    </style>
</head>
<body>
    <div id="container">
        <h1 id="counter">0</h1>
    </div>
</body>
<script>
    var counter = document.getElementById("counter").textContent;
    //For Counter
    setInterval(function () {
        counter++;
        document.getElementById("counter").textContent = counter;
    }, 1000);
    //For Reload
    setInterval(function () {
        window.location.reload();
    }, 10000)
</script>
</html>

点击按钮刷新页面

7 个答案: