HTML页面地址栏参数传递与获取

如何实现HTML页面地址栏参数传递与获取
我们知道，在服务器端asp程序可以接受html页面上的form传来的参数，那么，可不可以传递参数给html页面呢，也就是说在html后面加问号?答案是可以。
　　下面是javascript的一种实现方法, 这个函数是通过window.location.href中的分割符获得各个参数。
　　有了这个函数，就可以在页面之间传递参数了。
以下是引用片段：
　　/*
　　*函数功能:从href获得参数
　　*sHref: http://www.yesky.com/arg.htm?arg1=d&arg2=re
　　*sArgName:arg1, arg2
　　*return: the value of arg. d, re
　　*/
　　function GetArgsFromHref(sHref, sArgName)
　　{
　　var args = sHref.split("?");
　　var retval = "";
　　if(args[0] == sHref) /*参数为空*/
　　{
　　return retval; /*无需做任何处理*/
　　}
　　var str = args[1];
　　args = str.split("&");
　　for(var i = 0; i < args.length; i ++)
　　{
　　str = args[i];
　　var arg = str.split("=");
　　if(arg.length <= 1) continue;
　　if(arg[0] == sArgName) retval = arg[1];
　　}
　　return retval;
　　}
实现html页面的参数传递
我们知道，在服务器端asp程序可以接受html页面上的form传来的参数。
那么，可不可以传递参数给html页面呢。也就是说在html后面加问号？答案是可以。
下面是javascrīpt的一种实现方法, 这个函数是通过window.location.href中的分割符获得各个参数。
有了这个函数，就可以在页面之间传递参数了。
/*
*函数功能：从href获得参数
*sHref: http://www.artfh.com/arg.htm?arg1=d&arg2=re
*sArgName:arg1, arg2
*return: the value of arg. d, re
*/
function GetArgsFromHref(sHref, sArgName)
{
var args = sHref.split("?");
var retval = "";

if(args[0] == sHref) /*参数为空*/
{
return retval; /*无需做任何处理*/
}
var str = args[1];
args = str.split("&");
for(var i = 0; i < args.length; i ++)
{
str = args[i];
var arg = str.split("=");
if(arg.length <= 1) continue;
if(arg[0] == sArgName) retval = arg[1];
}
return retval;
}

html地址传递参数进行其他事情.
<scrīpt>
/* 用途: 接收地直栏参数 取id=1 根据ID的值 */
urlinfo=window.location.href; //获取当前页面的url
len=urlinfo.length;//获取url的长度
offset=urlinfo.indexOf("?");//设置参数字符串开始的位置
newsidinfo=urlinfo.substr(offset,len)//取出参数字符串 这里会获得类似“id=1”这样的字符串
newsids=newsidinfo.split("=");//对获得的参数字符串按照“=”进行分割
newsid=newsids[1];//得到参数值
switch (newsid*1) {
case 1 :
document.getElementById("sdcard1").style.display="block"
break ;
case 2 :
document.getElementById("sdcard2").style.display="block"
break ;
case 3 :
document.getElementById("sdcard3").style.display="block"
break ;
case 4 :
document.getElementById("sdcard4").style.display="block"
break ;
case 5 :
document.getElementById("sdcard5").style.display="block"
break ;
default :
document.getElementById("sdcard1").style.display="block"
break ;
}
</scrīpt>