静态html文件js读取url参数

呵呵 ,以后取URL中包含的参数不要跳到后台代码去拿了

 

 

代码
一、字符串分割分析法。 
  这里是一个获取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 ]] = unescape(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  unescape(r[ 2 ]);  return   null ;
}
alert(GetQueryString(
" 参数名1 " ));
alert(GetQueryString(
" 参数名2 " ));
alert(GetQueryString(
" 参数名3 " ));

 

 

你可能感兴趣的:(html)