實例詳解JavaScript獲取鏈接參數(shù)的方法
使用url傳遞參數(shù)，大家應該不陌生，例如：
http://www.softwhy.com/home.php?mod=space&do=home&view=all
既然傳遞參數(shù)，那么自然就要獲得傳遞的參數(shù)，當然獲取參數(shù)的方式有多種多樣，下面就介紹其中的一種，和大家一起分享，希望能夠給大家?guī)硪欢ǖ膸椭?，代碼如下:
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的長度是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ù)的代碼實例
有時候，我們需要獲取靜態(tài)頁面的地址欄參數(shù)值，用JS是最簡便的方法了，以下收集了三種用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[];
}
//獲取傳過來的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 "沒有這個name值";
}
}
var strName=prompt("請輸入您所要值的名字");
alert(getvalue(strName));
</script>
這三種方法使用的內(nèi)核都不一樣，請根據(jù)自己的程序要求自行選擇使用。
相關文章
bootstrap-wysiwyg結合ajax實現(xiàn)圖片上傳實時刷新功能
這篇文章主要為大家詳細介紹了bootstrap-wysiwyg結合ajax實現(xiàn)圖片上傳實時刷新功能，感興趣的小伙伴們可以參考一下2016-05-05
獲取表單中的日期往后臺通過json方式傳的時候,遇到Date.parse(str)函數(shù)在ff下報錯，有類似情況的朋友可以參考下本文2014-03-03
這篇文章主要介紹了JS從數(shù)組中隨機獲取一個值的常用寫法,需要的朋友可以參考下2023-07-07
手機端圖片縮放旋轉全屏查看PhotoSwipe.js插件實現(xiàn)
這篇文章主要介紹了手機端圖片縮放旋轉全屏查看PhotoSwipe.js插件實現(xiàn)，感興趣的小伙伴們可以參考一下2016-08-08
基于javascript實現(xiàn)全國省市二級聯(lián)動下拉選擇菜單
這篇文章主要介紹了基于javascript實現(xiàn)全國省市二級聯(lián)動下拉選擇菜單，以一個完整實例形式較為詳細的分析了js實現(xiàn)省市二級聯(lián)動下拉菜單的實現(xiàn)技巧，非常簡單實用,需要的朋友可以參考下2016-01-01
這篇文章主要為大家詳細介紹了原生js實現(xiàn)碰撞檢測，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
js 將多個對象合并成一個對象 assign方法的實現(xiàn)
這篇文章主要介紹了js 將多個對象合并成一個對象 assign方法的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-09-09
JS前端知識點offset，scroll，client，冒泡，事件對象的應用整理總結
這篇文章主要介紹了JS前端知識點offset，scroll，client，冒泡，事件對象的應用,結合實例形式總結分析了offset，scroll，client，冒泡，事件對象相關功能、原理及操作注意事項,需要的朋友可以參考下2019-06-06
JavaScript請求后臺數(shù)據(jù)的常用方法匯總
這篇文章主要介紹了JavaScript請求后臺數(shù)據(jù)的幾種常用方式,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-06-06
深拷貝和淺拷貝是在JavaScript中復制對象或數(shù)組時經(jīng)常遇到的概念,下面這篇文章主要給大家介紹了關于JS實現(xiàn)深拷貝的幾種簡單方法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-10-10