静态页面html中跳转传值的JS处理技巧
本文实例讲述了静态页面html中跳转传值的JS处理技巧。分享给大家供大家参考,具体如下:
在html中通过"?"传值:
<ahref="index2.html?name=caoy">静态传值</a>
在跳转到的页面index2.html中接收:
varname=UrlParm.parm("name");
代码如下:
index.html:
<scripttype="text/javascript"src="getUrlParam.js"></script> <ahref="index2.html?name=caoy">静态传值</a>
index2.html:
<scripttype="text/javascript"> varname=UrlParm.parm("name"); alert(name); </script>
getUrlParam.js:
UrlParm=function(){//url参数 vardata,index; (functioninit(){ data=[]; index={}; varu=window.location.search.substr(1); if(u!=''){ varparms=decodeURIComponent(u).split('&'); for(vari=0,len=parms.length;i<len;i++){ if(parms[i]!=''){ varp=parms[i].split("="); if(p.length==1||(p.length==2&&p[1]=='')){//p|p= data.push(['']); index[p[0]]=data.length-1; }elseif(typeof(p[0])=='undefined'||p[0]==''){//=c|= data[0]=[p[1]]; }elseif(typeof(index[p[0]])=='undefined'){//c=aaa data.push([p[1]]); index[p[0]]=data.length-1; }else{//c=aaa data[index[p[0]]].push(p[1]); } } } } })(); return{ //获得参数,类似request.getParameter() parm:function(o){//o:参数名或者参数次序 try{ return(typeof(o)=='number'?data[o][0]:data[index[o]][0]); }catch(e){ } }, //获得参数组,类似request.getParameterValues() parmValues:function(o){//o:参数名或者参数次序 try{ return(typeof(o)=='number'?data[o]:data[index[o]]); }catch(e){} }, //是否含有parmName参数 hasParm:function(parmName){ returntypeof(parmName)=='string'?typeof(index[parmName])!='undefined':false; }, //获得参数Map,类似request.getParameterMap() parmMap:function(){ varmap={}; try{ for(varpinindex){map[p]=data[index[p]];} }catch(e){} returnmap; } } }();
这样就能通过html跳转传值了
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。