JS怎么獲取url參數

本篇內容介紹了“JS怎么獲取url參數”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

Location 對象包含有關當前 URL 的信息。

Location 對象是 Window 對象的一個部分，可通過 window.location 屬性來訪問。

hash    設置或返回從井號 (#) 開始的 URL（錨）。
host    設置或返回主機名和當前 URL 的端口號。
hostname    設置或返回當前 URL 的主機名。
href    設置或返回完整的 URL。
pathname    設置或返回當前 URL 的路徑部分。
port    設置或返回當前 URL 的端口號。
protocol    設置或返回當前 URL 的協議。
search    設置或返回從問號 (?) 開始的 URL（查詢部分）。

用JS獲取地址欄參數的方法（超級簡單）
function GetQueryString(name)
{
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);//search,查詢？后面的參數，并匹配正則
     if(r!=null)return  unescape(r[2]); return null;
}
 
// 調用方法
alert(GetQueryString("參數名1"));
alert(GetQueryString("參數名2"));
alert(GetQueryString("參數名3"));
下面舉一個例子:
 
若地址欄URL為：abc.html?id=123&url=http://www.maidq.com
 
那么，但你用上面的方法去調用：alert(GetQueryString("url"));
 
則會彈出一個對話框：內容就是 http://www.maidq.com
 
如果用：alert(GetQueryString("id"));那么彈出的內容就是 123 啦；
 
當然如果你沒有傳參數的話，比如你的地址是 abc.html 后面沒有參數，那強行輸出調用結果有的時候會報錯：
 
所以我們要加一個判斷 ，判斷我們請求的參數是否為空，首先把值賦給一個變量：
 
var myurl=GetQueryString("url");
if(myurl !=null && myurl.toString().length>1)
{
   alert(GetQueryString("url"));
}

“JS怎么獲取url參數”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！