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");
});
通过超链接模拟点击
动态创建或触发已有的超链接元素实现跳转,适合需要条件判断的场景:
$(document).ready(function() {
$("<a>").attr("href", "https://example.com")[0].click();
});
使用meta标签重定向
通过动态插入meta标签实现延迟跳转,常用于定时跳转场景:
$(document).ready(function() {
$("head").append('<meta http-equiv="refresh" content="5;url=https://example.com">');
});
表单提交跳转
通过动态提交表单实现跳转,适用于需要传递参数的场景:

$(document).ready(function() {
$("<form>")
.attr("method", "POST")
.attr("action", "https://example.com")
.append($("<input>").attr("name", "param1").val("value1"))
.appendTo("body")
.submit();
});
注意事项
- 使用
replace方法会清除历史记录,适合敏感操作(如登录后跳转)。 - 超链接和表单方法需确保DOM已加载完成,避免无效操作。
- 若需延迟跳转,可通过
setTimeout结合location.href实现。






