js 点击按钮刷新当前页面

在JavaScript中，点击按钮刷新当前页面可以通过多种方式实现。以下是一些基础概念和相关示例代码：

基础概念

DOM操作：JavaScript可以通过DOM（文档对象模型）来操作HTML元素。
事件监听：可以为HTML元素添加事件监听器，以便在特定事件发生时执行相应的函数。
页面刷新：可以通过修改浏览器的历史记录或直接调用特定的方法来刷新页面。

示例代码

以下是几种常见的方法来实现点击按钮刷新当前页面：

方法一：使用`location.reload()`

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Refresh Page</title>
</head>
<body>
    <button id="refreshButton">刷新页面</button>

    <script>
        document.getElementById('refreshButton').addEventListener('click', function() {
            location.reload();
        });
    </script>
</body>
</html>

方法二：使用`location.href`

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Refresh Page</title>
</head>
<body>
    <button id="refreshButton">刷新页面</button>

    <script>
        document.getElementById('refreshButton').addEventListener('click', function() {
            location.href = location.href;
        });
    </script>
</body>
</html>

方法三：使用`history.go(0)`

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Refresh Page</title>
</head>
<body>
    <button id="refreshButton">刷新页面</button>

    <script>
        document.getElementById('refreshButton').addEventListener('click', function() {
            history.go(0);
        });
    </script>
</body>
</html>