当前位置：首页 > jquery

jquery跳转

2026-01-13 17:31:00jquery

jQuery 页面跳转方法

使用 jQuery 实现页面跳转有多种方式，以下是几种常见的方法：

使用 window.location.href

$(document).ready(function(){
    $("button").click(function(){
        window.location.href = "https://example.com";
    });
});

使用 window.location.replace 这种方法不会在浏览器历史记录中留下记录

$(document).ready(function(){
    $("button").click(function(){
        window.location.replace("https://example.com");
    });
});

使用 window.location.assign 这种方法会在浏览器历史记录中留下记录

$(document).ready(function(){
    $("button").click(function(){
        window.location.assign("https://example.com");
    });
});

延迟跳转实现

如果需要延迟跳转，可以使用 setTimeout 函数

$(document).ready(function(){
    $("button").click(function(){
        setTimeout(function(){
            window.location.href = "https://example.com";
        }, 3000); // 3秒后跳转
    });
});

条件跳转实现

根据条件判断是否跳转

$(document).ready(function(){
    $("button").click(function(){
        if(confirm("确定要跳转吗？")){
            window.location.href = "https://example.com";
        }
    });
});

表单提交后跳转

在表单提交成功后跳转

$(document).ready(function(){
    $("#myForm").submit(function(e){
        e.preventDefault();
        // 表单处理逻辑
        window.location.href = "https://example.com/thank-you";
    });
});

以上方法可以根据具体需求选择使用，注意 jQuery 本身并不提供专门的跳转方法，都是通过 JavaScript 的原生功能实现的。

jquery跳转