今天碰到在做一個動態頁面的時候,需要用到 URL 的參數值來作判斷,從而決定某一塊內容在當前頁面是否顯示。例如exampe.html?parm1=xxx&parm2=xxx&parm3=xxx&…,在這里就需要獲取.html后面的所有參數的值。
腦子里的第一個想法是利用“&”符號分割 URL ,從而達到獲取參數值的目的。
同時在網上搜了下,實地操作后,記錄如下。
方法一:
在某一塊內容的 div 標簽后面,加入如下 Javascript 代碼:
代碼如下 復制代碼
<script type="text/javascript">
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = document.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
if(getQueryString("parm1") != null) {
document.getElementById("xxxx").style.display = "none";
}
</script>
更多詳細內容請查看:http://www.111cn.net/wy/js-ajax/56850.htm
這里用到的判斷就是,根據 parm1 的值來決定是否顯示 id 為 xxxx 這一塊 div 區域。
此處用到的正則表達式解釋:
以&開始或直接以name開始;以&結束或直接結束;name的值是由0到多個不是&的字符組成;”i”是忽略大小寫!
方法二:
這是一個獲取 URL 帶 questring 參數的Javascript客戶端解決方案。
代碼如下 復制代碼
<script type="text/javascript">
function GetRequest() {
var url = location.search; //獲取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
if (str.indexOf("&") != -1) {
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
} else {
theRequest[str.split("=")[0]] = unescape(str.split("=")[1]);
}
}
return theRequest;
}
</script>
調用此函數的方法:
代碼如下 復制代碼
<script type="text/javascript">
var Request = new Object();
Request = GetRequest();
var parm1,parm2,parm3,parmN;
parm1 = Request['parm1'];
parm2 = Request['parm2'];
parm3 = Request['parm3'];
parmN = Request['parmN'];
</script>