實(shí)例詳解JavaScript獲取鏈接參數(shù)的方法
使用url傳遞參數(shù),大家應(yīng)該不陌生,例如:
http://www.softwhy.com/home.php?mod=space&do=home&view=all
既然傳遞參數(shù),那么自然就要獲得傳遞的參數(shù),當(dāng)然獲取參數(shù)的方式有多種多樣,下面就介紹其中的一種,和大家一起分享,希望能夠給大家?guī)?lái)一定的幫助,代碼如下:
var url="http://www.softwhy.com/home.php?mod=space&do=home&view=all"; if(url.indexOf("?")!=-1) { var str=url.substr(url.indexOf("?")+1); strs=str.split("&"); for(i=0;i<strs.length;i++) { alert(strs.length); alert(strs[i].split("=")[0]); alert(strs[i].split("=")[1]); alert(strs[i].split("=")[0],'=',strs[i].split("=")[1],'<br>'); } }
在以上鏈接中:
1.strs.length的長(zhǎng)度是3。
2.strs[0].split("=")[0]是mod,strs[0].split("=")[1]是space。
3.strs[1].split("=")[0]是do,strs[1].split("=")[1]是home。
后面的依次類推。
下面給大家分享3種JS獲取地址欄參數(shù)的代碼實(shí)例
有時(shí)候,我們需要獲取靜態(tài)頁(yè)面的地址欄參數(shù)值,用JS是最簡(jiǎn)便的方法了,以下收集了三種用javaScript獲取地址欄參數(shù)的函數(shù)代碼,比較好用,下面一一與大家分享代碼:
JS獲取地址欄字符串參數(shù),方法一:
<script type="text/javascript"> Request = { QueryString : function(item){ var svalue = location.search.match(new RegExp("[\?\&]" + item + "=([^\&]*)(\&?)","i")); return svalue ? svalue[] : svalue; } } alert(Request.QueryString("id")); </script>
JS獲取地址欄字符串參數(shù),方法二:
<script type="text/javascript"> var URLParams = new Array(); var aParams = document.location.search.substr().split('&'); for (i=; i < aParams.length i++){ var aParam = aParams.split('='); URLParams[aParam[]] = aParam[]; } //獲取傳過(guò)來(lái)的name參數(shù): name=URLParams["name"]; </script>
JS獲取地址欄字符串參數(shù),方法三:
<script type="text/javascript"> function getvalue(name) { var str=window.location.search; if (str.indexOf(name)!=-) { var pos_start=str.indexOf(name)+name.length+; var pos_end=str.indexOf("&",pos_start); if (pos_end==-) { return str.substring(pos_start); } else { return str.substring(pos_start,pos_end) } } else { return "沒有這個(gè)name值"; } } var strName=prompt("請(qǐng)輸入您所要值的名字"); alert(getvalue(strName)); </script>
這三種方法使用的內(nèi)核都不一樣,請(qǐng)根據(jù)自己的程序要求自行選擇使用。
相關(guān)文章
JS關(guān)于?replace?取值、替換第幾個(gè)匹配項(xiàng)問題小結(jié)
這篇文章主要介紹了JS關(guān)于replace取值、替換第幾個(gè)匹配項(xiàng),本文針對(duì)字符串的替換、截取知識(shí)點(diǎn)做詳細(xì)介紹,結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05JavaScript極簡(jiǎn)入門教程(二):對(duì)象和函數(shù)
這篇文章主要介紹了JavaScript極簡(jiǎn)入門教程(二):對(duì)象和函數(shù),本文講解了對(duì)象基礎(chǔ)知識(shí)、函數(shù)基礎(chǔ)知識(shí)、函數(shù)調(diào)用、異常、繼承等內(nèi)容,需要的朋友可以參考下2014-10-10自動(dòng)完成的搜索框javascript實(shí)現(xiàn)
這篇文章主要介紹了自動(dòng)完成的搜索框javascript實(shí)現(xiàn)代碼,感興趣的小伙伴們可以參考一下2016-02-02JavaScript變量聲明var,let.const及區(qū)別淺析
這篇文章主要介紹了JavaScript變量聲明var,let.const及區(qū)別淺析,需要的朋友可以參考下2018-04-04javascript獲取當(dāng)前的時(shí)間戳的方法匯總
這篇文章主要介紹了javascript獲取當(dāng)前的時(shí)間戳的方法匯總的相關(guān)資料,需要的朋友可以參考下2015-07-07JS實(shí)現(xiàn)數(shù)字格式千分位相互轉(zhuǎn)換方法
下面小編就為大家?guī)?lái)一篇JS實(shí)現(xiàn)數(shù)字格式千分位相互轉(zhuǎn)換方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08Bootstrap分頁(yè)插件之Bootstrap Paginator實(shí)例詳解
Bootstrap Paginator是一款基于Bootstrap的js分頁(yè)插件,功能很豐富,個(gè)人覺得這款插件已經(jīng)無(wú)可挑剔了,感興趣的朋友跟著腳本之家小編一起學(xué)習(xí)吧2016-10-10