jquery刷新页面与页面跳转的方法

作者：System 时间：2024年08月16日分类：所有,jquery 字数：1139

在jQuery中，可以使用以下方法来刷新页面和进行页面跳转：

刷新页面：




// 使用location.reload()方法
location.reload();
 
// 或者使用location.replace()方法
location.replace(location.pathname);

页面跳转：




// 使用window.location.href属性进行跳转
window.location.href = 'https://www.example.com';
 
// 或者使用location.assign()方法进行跳转
location.assign('https://www.example.com');

示例代码：




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面刷新与跳转示例</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <button id="refreshPage">刷新页面</button>
    <button id="goToExample">跳转到example.com</button>
 
    <script>
        $(document).ready(function() {
            // 刷新页面
            $('#refreshPage').on('click', function() {
                location.reload();
            });
 
            // 页面跳转
            $('#goToExample').on('click', function() {
                window.location.href = 'https://www.example.com';
            });
        });
    </script>
</body>
</html>

在这个示例中，当用户点击"刷新页面"按钮时，页面会重新加载；当用户点击"跳转到example.com"按钮时，页面会跳转到www.example.com。

jquery刷新页面与页面跳转的方法

评论已关闭

推荐阅读