首頁 > web前端 > js教程 > jquery取得url與url參數(附程式碼)

jquery取得url與url參數(附程式碼)

php中世界最好的语言
發布: 2018-04-26 10:59:50
原創
1339 人瀏覽過

這次帶給大家jquery取得url與url參數(附程式碼),jquery取得url與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');
登入後複製

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

iframe中頁面錨點失效如何處理

取得iframe中document物件步驟詳解

以上是jquery取得url與url參數(附程式碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板