WEB 教程
实践 示例
HTML 参考手册
CSS 参考手册
PHP 参考手册

如何使用 jQuery 刷新页面

主题:JavaScript / jQuery上一页|下一页

答案:使用 JavaScript location.reload() 方法

您可以简单地使用 JavaScript location.reload() 方法来刷新或重新加载页面。 此方法可选择接受布尔参数 truefalse

如果指定了参数 true,它会导致页面总是从服务器重新加载。 但是,如果它是 false(这是默认值)或未指定,浏览器可能会从其缓存中重新加载页面。

让我们看一个例子来了解这个方法的基本工作原理:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Reload the Page Using jQuery</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
    $(document).ready(function(){
        $("button").click(function(){
            location.reload(true);
        });
    });
</script>
</head>
<body>
    <button type="button">Reload page</button>   
</body> 
</html>

你也可以用纯 JavaScript 做同样的事情。 为此,您不需要 jQuery。 查看以下示例,它是上一个示例的修改版本。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Refresh the Page with JavaScript</title>
<script>
    function reloadPage(){
        location.reload(true);
    }
</script>
</head>
<body>
    <button type="button" onclick="reloadPage();">Reload page</button>   
</body> 
</html>

FAQ 相关问题解答

以下是与此主题相关的更多常见问题解答:

Advertisements