JS怎么獲取url參數(shù)

本篇內(nèi)容介紹了“JS怎么獲取url參數(shù)”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

Location 對(duì)象包含有關(guān)當(dāng)前 URL 的信息。

Location 對(duì)象是 Window 對(duì)象的一個(gè)部分，可通過 window.location 屬性來訪問。

hash    設(shè)置或返回從井號(hào) (#) 開始的 URL（錨）。
host    設(shè)置或返回主機(jī)名和當(dāng)前 URL 的端口號(hào)。
hostname    設(shè)置或返回當(dāng)前 URL 的主機(jī)名。
href    設(shè)置或返回完整的 URL。
pathname    設(shè)置或返回當(dāng)前 URL 的路徑部分。
port    設(shè)置或返回當(dāng)前 URL 的端口號(hào)。
protocol    設(shè)置或返回當(dāng)前 URL 的協(xié)議。
search    設(shè)置或返回從問號(hào) (?) 開始的 URL（查詢部分）。

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

“JS怎么獲取url參數(shù)”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！