前端页面实现跳转

Mr.Moon.dsl

于 2019-11-08 09:29:28 发布

阅读量1.9k

点赞数 1

分类专栏：页面文章标签：页面跳转

本文链接：https://blog.youkuaiyun.com/weixin_44112242/article/details/102966830

版权

页面专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了网页跳转的各种方法，包括使用JavaScript的window.location.href、window.navigate、window.location.replace，以及利用jQuery和AJAX实现的跳转。同时，还探讨了a标签和不同target属性在新窗口或当前窗口打开链接的技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

onclick跳转

设置window的location.herf属性

onclick="window.location.href='URL'"
onclick="location='URL'"

调用windows的open方法

onclick=“window.open('URL','_blank')”//在新窗口打开
onclick=“window.open('URL','_self')”//覆盖当前页

a标签跳转

<a href="URL" target="_blank">Preface</a> // 在新窗口打开
<a href="URL" target="_self">Preface</a> // 覆盖当前页，target属性默认为_self可省略

js实现页面跳转

1.window.location.href方式
window.location.href="URL";

2.window.navigate方式跳转
window.navigate("页面");

3.window.loction.replace方式实现页面跳转
window.location.replace("URL");

jq页面跳转

1.ajax实现页面跳转
$.ajax(function(){
type:"POST",
dataType:"json",
url:"/login",//请求页面
data:"{id=1}",
complete:function(){location.href ="default.aspx"}//跳转页面

点击事件实现跳转

$("a logo").click(function(){
    window.location.href="URL";
});