index.htm?參數1=數值1&參數2=數值2&參數3=數據3&參數4=數值4&......
靜態html文件js讀取url參數 根據獲取html的參數值控制html頁面輸出
一、字符串分割分析法。
這里是一個獲取URL帶QUESTRING參數的JAVASCRIPT客戶端解決方案,相當於asp的request.querystring,PHP的$_GET
函數:
<Script language="javascript">
function GetRequest() {
var url = location.search; //獲取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
}
}
return theRequest;
}
</Script>
然后我們通過調用此函數獲取對應參數值:
<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 參數1,參數2,參數3,參數N;
參數1 = Request['參數1'];
參數2 = Request['參數2'];
參數3 = Request['參數3'];
參數N = Request['參數N'];
</Script>
以此獲取url串中所帶的同名參數
二、正則分析法。function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return (r[2]); return null;
}
alert(GetQueryString("參數名1"));
alert(GetQueryString("參數名2"));
alert(GetQueryString("參數名3"));