前端页面实现跳转

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";
});