Javascript 獲取鏈接(url)參數(shù)的方法
方法1:將鏈接當(dāng)作字符串 ,按照鏈接的格式分解,然后獲取對應(yīng)的參數(shù)值。
方法2:用正則直接匹配。
關(guān)鍵字:parameter 參數(shù):location.href,url ,鏈接,javascript
方法1:
分解鏈接方式:
<script type="text/javascript">
function getQueryString(name)
{
// 如果鏈接沒有參數(shù),或者鏈接中不存在我們要獲取的參數(shù),直接返回空
if(location.href.indexOf("?")==-1 || location.href.indexOf(name+'=')==-1)
{ return ''; }
// 獲取鏈接中參數(shù)部分
var queryString = location.href.substring(location.href.indexOf("?")+1);
// 分離參數(shù)對 ?key=value&key2=value2
var parameters = queryString.split("&");
var pos, paraName, paraValue;
for(var i=0; i<parameters.length; i++)
{
// 獲取等號位置
pos = parameters[i].indexOf('=');
if(pos == -1) { continue; }
// 獲取name 和 value
paraName = parameters[i].substring(0, pos);
paraValue = parameters[i].substring(pos + 1);
// 如果查詢的name等于當(dāng)前name,就返回當(dāng)前值,同時(shí),將鏈接中的+號還原成空格
if(paraName == name)
{
return unescape(paraValue.replace(/\+/g, " "));
}
}
return '';
};
//http://localhost/test.html?aa=bb&test=cc+dd&ee=ff
alert(getQueryString('test'));
//-->
</script>
方法2:
用正則匹配方式:
<script type="text/javascript">
function getQueryStringRegExp(name)
{
var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(http://www.dbjr.com.cn/file:///s:&%7C$)", "i");
if (reg.test(location.href))
return unescape(RegExp.$2.replace(/\+/g, " "));
return "";
};
//http://localhost/test.html?aa=bb&test=cc+dd&ee=ff
alert(getQueryStringRegExp('test'));
</script>
相關(guān)文章
JavaScript實(shí)現(xiàn)簡單的數(shù)字倒計(jì)時(shí)
這里給大家總結(jié)了一些比較常用的javascript實(shí)現(xiàn)的倒計(jì)時(shí)功能的代碼,非常的實(shí)用,有需要的小伙伴可以參考下。2015-05-05
javascript函數(shù)的節(jié)流[throttle]與防抖[debounce]
這篇文章主要介紹了javascript函數(shù)的節(jié)流[throttle]與防抖[debounce ],詳細(xì)的介紹了節(jié)流與防抖的原理和示例,具有一定的參考價(jià)值,有興趣的可以了解一下2017-11-11
深入理解JavaScript 中的執(zhí)行上下文和執(zhí)行棧
這篇文章主要介紹了JavaScript 中的執(zhí)行上下文和執(zhí)行棧的相關(guān)知識,非常不錯,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-10-10
Navigator?sendBeacon頁面關(guān)閉也能發(fā)送請求方法示例
這篇文章主要為大家介紹了Navigator?sendBeacon頁面關(guān)閉也能發(fā)送請求的方法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06
uniapp跨頁面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實(shí)戰(zhàn)
使用uni.$emit觸發(fā)事件后,對應(yīng)的uni.$on就會監(jiān)聽到事件觸發(fā),在回調(diào)中去執(zhí)行相關(guān)的邏輯,下面這篇文章主要給大家介紹了關(guān)于uniapp跨頁面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實(shí)戰(zhàn)的相關(guān)資料,需要的朋友可以參考下2023-04-04
js嵌套的數(shù)組扁平化:將多維數(shù)組變成一維數(shù)組以及push()與concat()區(qū)別的講解
今天小編就為大家分享一篇關(guān)于js嵌套的數(shù)組扁平化:將多維數(shù)組變成一維數(shù)組以及push()與concat()區(qū)別的講解,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來看看吧2019-01-01
Js保留小數(shù)點(diǎn)的4種效果實(shí)現(xiàn)代碼分享
jvascript 計(jì)算保留小數(shù)點(diǎn)一兩位,有四種不同效果,非常適用于商城類網(wǎng)站,需要的朋友可以參考下2014-04-04
淺談layui使用模板引擎動態(tài)渲染元素要注意的問題
今天小編就為大家分享一篇淺談layui使用模板引擎動態(tài)渲染元素要注意的問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
原生JS實(shí)現(xiàn)不斷變化的標(biāo)簽
這篇文章主要介紹了原生JS實(shí)現(xiàn)不斷變化的標(biāo)簽,可以上下浮動,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05

