JQuery实现页面跳转

$(function(){  
 var pn = $("#gotopagenum").val();//#gotopagenum是文本框的id属性  
 location.href = "NewList.aspx?pagenum="+pn;//location.href实现客户端页面的跳转  
 });  

今天我们就来说一说如何在jQuery中跳转到另外一个网页HTML。其实下面我列举的几种方法也不一定都是用jQuery,也有的使用了Javascript的原生的方法,所以也算是前端跳转的一个总结吧。

我们可以利用http的重定向来跳转

window.location.replace("http://blog.csdn.net/yusirxiaerr");

使用href来跳转

window.location.href = "http://blog.csdn.net/yusirxiaer";

使用jQuery的属性替换方法

$(location).attr('href', 'http://blog.csdn.net/yusirxiaer');
$(window).attr('location','http://blog.csdn.net/yusirxiaer');
$(location).prop('href', 'http://blog.csdn.net/yusirxiaer');

$(function(){  
 var pn = $("#gotopagenum").val();//#gotopagenum是文本框的id属性  
 location.href = "NewList.aspx?pagenum="+pn;//location.href实现客户端页面的跳转  
 });  



你可能感兴趣的:(JQuery实现页面跳转)