在開發(fā)網站時,常常需要使用javascript來實現跳轉頁面的功能。而jquery作為最流行的javascript庫之一,也提供了方便的跳轉頁面方法。
通過jquery可以實現頁面跳轉并且可以傳遞參數。下面是跳轉頁面的基本代碼:
//跳轉到指定頁面 $(location).attr('href','http://www.example.com');
如上代碼中,首先使用jQuery的location對象選擇器選定了當前頁面的URL,并且通過href屬性指定了跳轉的目標頁面。此外,我們可以通過該方法將參數傳遞到目標頁面。代碼如下:
//跳轉并傳遞參數 $(location).attr('href','http://www.example.com?id=1&name=hello');
在以上代碼中,我們向目標頁面?zhèn)鬟f了兩個參數,id和name,它們的取值分別為1和hello。在目標頁面中,我們可以通過獲取URL的參數值來獲取傳遞來的值。代碼如下:
//獲取參數 var id = getUrlParam('id'); var name = getUrlParam('name'); alert(id + ' ' + name); //獲取URL參數值 function getUrlParam(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null) { return unescape(r[2]); } return null; }
以上代碼中的getUrlParam函數用于獲取URL的參數值。它通過正則表達式匹配獲取指定參數的值,若成功匹配則返回對應的值;否則返回null。
采用jQuery實現頁面跳轉和傳遞參數非常方便,是我們在網頁開發(fā)過程中常用的技巧。希望本文對您有所幫助!