javascript獲取URL參數(shù)與參數(shù)值的示例代碼
更新時間:2013年12月20日 10:02:25 作者:
本篇文章主要是對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ù)及其對應的值
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)測試
復制代碼 代碼如下:
<!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ù)及其對應的值
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="無此參數(shù)";
}
return (result.replace("&",""));
}
//調(diào)用方法:var 變量名 = getParameter("要獲取的參數(shù)名", URL地址)
var r = getParameter("age",url);
//測試輸出,結(jié)果是:site=popasp
alert(r);
//根據(jù)得到的結(jié)果可以使用
var pName = r.split("=")[0]; //獲取參數(shù)名
var pValue = r.split("=")[1]; //獲取參數(shù)值
//測試輸出:
alert("參數(shù)名:" + pName + "\n\n" + "參數(shù)值:" + pValue);
//其他實際應用:
//可以根據(jù)需要,配合以下方法實現(xiàn)自己要實現(xiàn)的功能;
//var hostname = location.hostname; //獲取當前域名(不包含http://)
//var localurl = location.href; //獲取當前完整的URL地址信息(包含http://,域名,路徑,具體文件和全部傳遞參數(shù))
//var referurl = document.referrer; //獲取上一頁完整的URL信息(包含http://,域名,路徑,具體文件和全部傳遞參數(shù))
//-->
</script>
</head>
<body>
</body>
</html>
相關(guān)文章
JavaScript代碼因逗號不規(guī)范導致IE不兼容的問題
這篇文章主要介紹了JavaScript代碼因逗號不規(guī)范導致IE不兼容的問題的相關(guān)資料,需要的朋友可以參考下2016-02-02javascript 數(shù)組(list)添加/刪除的實現(xiàn)
這篇文章主要介紹了javascript 數(shù)組(list)添加/刪除,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-12-12firefox TBODY 用js顯示和隱藏時出現(xiàn)錯位的解決方法
今天幫別人寫一個網(wǎng)頁,發(fā)現(xiàn):當用javascript動態(tài)設置tr.style.display = "block"顯示某行時,使用IE瀏覽沒有問題,但使用firefox瀏覽時該行被移到了其它行的后面,很是詫異。2008-12-12使用JavaScript判斷圖片是否加載完成的三種實現(xiàn)方式
有時需要獲取圖片的尺寸,這需要在圖片加載完成以后才可以,本文有三個不錯的實現(xiàn)方式在此與大家分享下2014-05-05JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的區(qū)別和應用場景簡述
隨著web2.0的彪悍發(fā)展,以及瀏覽器端所承載的工作越來越大(在不是很影響性能的情況下,開發(fā)者都習慣把能用瀏覽器做的事兒都讓瀏覽器做,以減輕服務器的壓力和帶寬費用等)。2010-04-04javascript面向?qū)ο髣?chuàng)建對象的方式小結(jié)
這篇文章主要介紹了javascript面向?qū)ο髣?chuàng)建對象的方式,結(jié)合實例形式總結(jié)分析了javascript常見的7種創(chuàng)建對象的方式,需要的朋友可以參考下2019-07-07