jquery页面跳转

jQuery 页面跳转方法

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

window.location.href

通过修改 window.location.href 实现跳转，这是最常用的方法：

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

window.location.replace

使用 replace 方法跳转页面，不会在浏览器历史记录中留下当前页面的记录：

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

window.location.assign

使用 assign 方法跳转，会在浏览器历史记录中保留当前页面：

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

模拟点击链接

通过触发 <a> 标签的点击事件实现跳转：

$(document).ready(function() {
    $("a#myLink").click();
});

对应的 HTML：

<a id="myLink" href="https://example.com" style="display: none;"></a>

延迟跳转

使用 setTimeout 实现延迟跳转：

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

注意事项

• 使用 window.location.replace 会替换当前历史记录，用户无法通过浏览器后退按钮返回前一页。
• window.location.assign 和直接修改 href 会保留历史记录。
• 确保跳转 URL 格式正确，包含协议（如 https://）。