JQuery实现页面跳转
生活随笔
收集整理的這篇文章主要介紹了
JQuery实现页面跳转
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
$(function(){ var pn = $("#gotopagenum").val();//#gotopagenum是文本框的id屬性 location.href = "NewList.aspx?pagenum="+pn;//location.href實(shí)現(xiàn)客戶端頁面的跳轉(zhuǎn) });
今天我們就來說一說如何在jQuery中跳轉(zhuǎn)到另外一個(gè)網(wǎng)頁HTML。其實(shí)下面我列舉的幾種方法也不一定都是用jQuery,也有的使用了Javascript的原生的方法,所以也算是前端跳轉(zhuǎn)的一個(gè)總結(jié)吧。
我們可以利用http的重定向來跳轉(zhuǎn)
window.location.replace("http://blog.csdn.net/yusirxiaerr");
使用href來跳轉(zhuǎn)
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實(shí)現(xiàn)客戶端頁面的跳轉(zhuǎn) });
總結(jié)
以上是生活随笔為你收集整理的JQuery实现页面跳转的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JavaScript 数组处理方法总结
- 下一篇: JS生成动态表格并为每个单元格添加单击事