javascript獲取URL參數(shù)與參數(shù)值的示例代碼
<script>
function goto_url(url){
var new_url = "http://shop.usteel.com/index.php?app=list_release";
var d_date = getParameter("date",url);
if(d_date != '' ){
new_url += "&"+d_date;
}
var species = getParameter("species",url);
if(species != ''){
new_url += "&"+species;
}
window.open(new_url);
}
//javascript獲取指定參數(shù)及其對(duì)應(yīng)的值
function getParameter(paraStr, url)
{
var result = "";
//獲取URL中全部參數(shù)列表數(shù)據(jù)
var str = "&" + url.split("?")[1];
var paraName = paraStr + "=";
//判斷要獲取的參數(shù)是否存在
if(str.indexOf("&"+paraName)!=-1)
{
//如果要獲取的參數(shù)到結(jié)尾是否還包含“&”
if(str.substring(str.indexOf(paraName),str.length).indexOf("&")!=-1)
{
//得到要獲取的參數(shù)到結(jié)尾的字符串
var TmpStr=str.substring(str.indexOf(paraName),str.length);
//截取從參數(shù)開始到最近的“&”出現(xiàn)位置間的字符
result=TmpStr.substr(TmpStr.indexOf(paraName),TmpStr.indexOf("&")-TmpStr.indexOf(paraName));
}
else
{
result=str.substring(str.indexOf(paraName),str.length);
}
}
else
{
result="";
}
return (result.replace("&",""));
}
</script>
下面例子很完整 經(jīng)測(cè)試
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>javascript獲取URL參數(shù)和參數(shù)值</title>
<script type="text/javascript">
<!--
var url = "http://www.baidu.com/?age=25&k=1&site=asp&abc=123;"
//javascript獲取指定參數(shù)及其對(duì)應(yīng)的值
function getParameter(paraStr, url)
{
var result = "";
//獲取URL中全部參數(shù)列表數(shù)據(jù)
var str = "&" + url.split("?")[1];
var paraName = paraStr + "=";
//判斷要獲取的參數(shù)是否存在
if(str.indexOf("&"+paraName)!=-1)
{
//如果要獲取的參數(shù)到結(jié)尾是否還包含“&”
if(str.substring(str.indexOf(paraName),str.length).indexOf("&")!=-1)
{
//得到要獲取的參數(shù)到結(jié)尾的字符串
var TmpStr=str.substring(str.indexOf(paraName),str.length);
//截取從參數(shù)開始到最近的“&”出現(xiàn)位置間的字符
result=TmpStr.substr(TmpStr.indexOf(paraName),TmpStr.indexOf("&")-TmpStr.indexOf(paraName));
}
else
{
result=str.substring(str.indexOf(paraName),str.length);
}
}
else
{
result="無(wú)此參數(shù)";
}
return (result.replace("&",""));
}
//調(diào)用方法:var 變量名 = getParameter("要獲取的參數(shù)名", URL地址)
var r = getParameter("age",url);
//測(cè)試輸出,結(jié)果是:site=popasp
alert(r);
//根據(jù)得到的結(jié)果可以使用
var pName = r.split("=")[0]; //獲取參數(shù)名
var pValue = r.split("=")[1]; //獲取參數(shù)值
//測(cè)試輸出:
alert("參數(shù)名:" + pName + "\n\n" + "參數(shù)值:" + pValue);
//其他實(shí)際應(yīng)用:
//可以根據(jù)需要,配合以下方法實(shí)現(xiàn)自己要實(shí)現(xiàn)的功能;
//var hostname = location.hostname; //獲取當(dāng)前域名(不包含http://)
//var localurl = location.href; //獲取當(dāng)前完整的URL地址信息(包含http://,域名,路徑,具體文件和全部傳遞參數(shù))
//var referurl = document.referrer; //獲取上一頁(yè)完整的URL信息(包含http://,域名,路徑,具體文件和全部傳遞參數(shù))
//-->
</script>
</head>
<body>
</body>
</html>
- JS根據(jù)key值獲取URL中的參數(shù)值及把URL的參數(shù)轉(zhuǎn)換成json對(duì)象
- nodejs實(shí)現(xiàn)獲取當(dāng)前url地址及url各種參數(shù)值
- JS獲取URL中參數(shù)值(QueryString)的4種方法分享
- js獲取url中指定參數(shù)值的示例代碼
- js獲取url參數(shù)值的兩種方式
- 解析js如何獲取當(dāng)前url中的參數(shù)值并復(fù)制給input
- javascript 獲取url參數(shù)的正則表達(dá)式(用來(lái)獲取某個(gè)參數(shù)值)
- JavaScript三種獲取URL參數(shù)值的方法
相關(guān)文章
JavaScript代碼因逗號(hào)不規(guī)范導(dǎo)致IE不兼容的問(wèn)題
這篇文章主要介紹了JavaScript代碼因逗號(hào)不規(guī)范導(dǎo)致IE不兼容的問(wèn)題的相關(guān)資料,需要的朋友可以參考下2016-02-02javascript 數(shù)組(list)添加/刪除的實(shí)現(xiàn)
這篇文章主要介紹了javascript 數(shù)組(list)添加/刪除,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12echarts實(shí)現(xiàn)雷達(dá)圖的詳細(xì)步驟
這篇文章主要給大家介紹了關(guān)于echarts實(shí)現(xiàn)雷達(dá)圖的詳細(xì)步驟,雷達(dá)圖(Radar?Chart)是一種信息豐富的可視化工具,其中多個(gè)變量(三個(gè)或更多)在二維平面上進(jìn)行比較,文中給出了完整的代碼示例,需要的朋友可以參考下2024-01-01firefox TBODY 用js顯示和隱藏時(shí)出現(xiàn)錯(cuò)位的解決方法
今天幫別人寫一個(gè)網(wǎng)頁(yè),發(fā)現(xiàn):當(dāng)用javascript動(dòng)態(tài)設(shè)置tr.style.display = "block"顯示某行時(shí),使用IE瀏覽沒(méi)有問(wèn)題,但使用firefox瀏覽時(shí)該行被移到了其它行的后面,很是詫異。2008-12-12使用JavaScript判斷圖片是否加載完成的三種實(shí)現(xiàn)方式
有時(shí)需要獲取圖片的尺寸,這需要在圖片加載完成以后才可以,本文有三個(gè)不錯(cuò)的實(shí)現(xiàn)方式在此與大家分享下2014-05-05uniapp跨頁(yè)面?zhèn)鲄⒌膸追N方式小結(jié)
當(dāng)我們?cè)陂_發(fā)Uni-app應(yīng)用時(shí),經(jīng)常會(huì)遇到需要在不同頁(yè)面之間傳遞參數(shù)的情況,為了實(shí)現(xiàn)跨頁(yè)面?zhèn)鲄?Uni-app提供了幾種方式,所以本文小編將給大家介紹一下uniapp跨頁(yè)面?zhèn)鲄⒌膸追N方式,文中有詳細(xì)的代碼示例供大家參考,需要的朋友可以參考下2024-01-01JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的區(qū)別和應(yīng)用場(chǎng)景簡(jiǎn)述
隨著web2.0的彪悍發(fā)展,以及瀏覽器端所承載的工作越來(lái)越大(在不是很影響性能的情況下,開發(fā)者都習(xí)慣把能用瀏覽器做的事兒都讓瀏覽器做,以減輕服務(wù)器的壓力和帶寬費(fèi)用等)。2010-04-04javascript面向?qū)ο髣?chuàng)建對(duì)象的方式小結(jié)
這篇文章主要介紹了javascript面向?qū)ο髣?chuàng)建對(duì)象的方式,結(jié)合實(shí)例形式總結(jié)分析了javascript常見的7種創(chuàng)建對(duì)象的方式,需要的朋友可以參考下2019-07-07