jquery页面跳转

jQuery 页面跳转方法

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

使用 window.location.href

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

使用 window.location.replace 这种方法不会在浏览器历史记录中留下跳转前的页面记录

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

使用 window.location.assign 与 href 类似，会在历史记录中保留当前页面

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

延迟跳转 可以使用 setTimeout 实现延迟跳转

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

点击事件触发跳转 为按钮或链接添加点击事件处理程序

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

相对路径跳转 可以使用相对路径进行页面跳转

$(document).ready(function() {
    window.location.href = "/newpage.html";
});

注意事项

• 现代 jQuery 项目中，直接使用原生 JavaScript 的 window.location 方法更高效
• 确保跳转代码在 DOM 完全加载后执行，通常放在 $(document).ready() 中
• 对于单页应用(SPA)，考虑使用路由库如 history.pushState() 实现无刷新跳转