jquery 跳转

jQuery 页面跳转方法

使用jQuery实现页面跳转可以通过多种方式完成，以下是几种常见的方法：

修改window.location.href属性

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

使用location.replace方法（不保留历史记录）

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

模拟点击a标签跳转

$("a#redirect").click(function(){
    window.location = $(this).attr("href");
    return false;
});

延迟跳转（定时跳转）

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

使用jQuery的attr方法

$("button").click(function(){
    $(location).attr("href", "https://example.com");
});

表单提交跳转

$("form").submit(function(){
    window.location.href = "action_page.php";
    return false;
});

注意事项

• 使用location.replace()会替换当前历史记录，用户不能通过后退按钮返回前一页
• window.location和window.location.href在大多数情况下效果相同
• 确保跳转代码在DOM加载完成后执行（放在$(document).ready()中）
• 对于外部链接，建议添加target="_blank"属性在新窗口打开

带参数的URL跳转

var param1 = "value1";
var param2 = "value2";
window.location.href = "page.html?param1=" + param1 + "&param2=" + param2;

相对路径跳转

// 跳转到同级目录下的about.html
window.location.href = "about.html";

// 跳转到上级目录
window.location.href = "../index.html";