萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> javascript/jquery獲取地址欄url參數的方法

javascript/jquery獲取地址欄url參數的方法

 本篇文章主要是對javascript/jquery獲取地址欄url參數的方法進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助

使用jquery獲取url以及使用jquery獲取url參數是我們經常要用到的操作   1、jquery獲取url很簡單,代碼如下  代碼如下: window.location.href;    其實只是用到了javascript的基礎的window對象,並沒有用jquery的知識   2、jquery獲取url參數比較復雜,要用到正則表達式,所以學好javascript正則式多麼重要的事情   首先看看單純的通過javascript是如何來獲取url中的某個參數   代碼如下: function getUrlParam(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //構造一個含有目標參數的正則表達式對象 var r = window.location.search.substr(1).match(reg);  //匹配目標參數 if (r!=null) return unescape(r[2]); return null; //返回參數值 }    通過這個函數傳遞url中的參數名就可以獲取到參數的值,比如url為 http://www.xxx.loc/admin/write-post.php?cid=79 我們要獲取cid的值,可以這樣寫: 代碼如下: getUrlParam('cid');   明白了javascript獲取url參數的方法,我們可以通過這個方法為jquery擴展一個方法來通過jquery獲取url參數,下面的代   碼為jquery擴展了一個getUrlParam()方法    代碼如下: (function($){ $.getUrlParam  = function(name) { var reg  = new RegExp("(^|&)"+  name +"=([^&]*)(&|$)"); var r  = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); return null; } })(jQuery);   為jquery擴展了這個方法了之後我們就可以通過如下方法來獲取某個參數的值了  代碼如下: $.getUrlParam('cid');  
copyright © 萬盛學電腦網 all rights reserved