JavaScript静态页面值传递:URL篇

本文详细介绍JavaScript静态页面值传递之URL篇

　　URL篇

　　能过URL进行传值.把要传递的信息接在URL上.

　　Post.htm

input type="text" name="username"
input type="text" name="sex"
input type="button" value="Post"
script language="javascript"
function Post()
{
　　//单个值 Read.htm？username=baobao;
　　//多全值 Read.htm？username=baobao&sex=male;
　　url = "Read.htm？username="+escape(document.all.username.value);
　　url += "&sex=" + escape(document.all.sex.value);
　　location.href=url;
}
/script

　　Read.htm

script language="javascript"
/*
*--------------- Read.htm -----------------
* Request[key]
* 功能:实现ASP的取得URL字符串,Request("AAA")
* 参数:key,字符串.
* 实例:alert(Request["AAA"])
*--------------- Request.htm -----------------
*/
var url=location.search;
var Request = new Object();
if(url.indexOf("？")!=-1)
{
　　var str = url.substr(1)　//去掉？号
　　strs = str.split("&");
　　for(var i=0;istrs.length;i++)
　　{
　　 　 Request[strs[i ].split("=")[0]]=unescape(strs[ i].split("=")[1]);
　　}
}
alert(Request["username"])
alert(Request["sex"])
/scriptscript language="JavaScript"
!--
function Request(strName)
{
var strHref = "www.abc.com/index.htm？a=1&b=1&c=测试测试";
var intPos = strHref.indexOf("？");
var strRight = strHref.substr(intPos + 1);
var arrTmp = strRight.split("&");
for(var i = 0; i arrTmp.length; i++)
{
var arrTemp = arrTmp[i ].split("=");
if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];
}
return "";
}
alert(Request("a"));
alert(Request("b"));
alert(Request("c"));
//--
/script
script
String.prototype.getQuery = function(name)
{
　　var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
　　var r = this.substr(this.indexOf("？")+1).match(reg);
　　if (r!=null) return unescape(r[2]); return null;
}
var str ="www.abc.com/index.htm？a=1&b=1&c=测试测试";
alert(str.getQuery("a"));
alert(str.getQuery("b"));
alert(str.getQuery("c"));
/script

　　优点:取值方便.可以跨域.

　　缺点:值长度有限制.