这个博客已经过去了很久……

不过,你可以通过以下方式找到我

现在的位置: 首页 > 谈前端 > HTML > 正文
js获取url参数值(锚点、文件名、统计数据……)
2013年12月06日 HTML ⁄ 共 1765字 等你评论

参数获取介绍:

    //设置或获取对象指定的文件名或路径。
alert(window.location.pathname);
    //设置或获取整个 URL 为字符串。
alert(window.location.href);
    //设置或获取与 URL 关联的端口号码。
alert(window.location.port);
    //设置或获取 URL 的协议部分。
alert(window.location.protocol);

//设置或获取 href 属性中在井号“#”后面的分段。
alert(window.location.hash);

//设置或获取 location 或 URL 的 hostname 和 port 号码。
alert(window.location.host);

//设置或获取 href 属性中跟在问号后面的部分。
alert(window.location.search);

以下是 锚点 匹配
  1. <script>  
  2. function getHash(){  
  3.   var matched = location.href.match(/#(.+)$/);//匹配锚点  
  4.   return matched ? matched[1] : null;  
  5. }    
  6.     
  7. function getUrl(){  
  8.   var mao = getHash() || "yp-slide-g5";//如果没有对应id则默认  
  9.   
  10.   var el = document.getElementById(mao);  
  11.     
  12.   if(el){  
  13.     el.style.display = 'block';  
  14.   }  
  15. }  
  16.     
  17. window.onload = getUrl;  
  18.   
  19. </script>  
其他demo:
获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案,相当于asp的request.querystring,PHP的$_GET
函数:
  1. <Script language="javascript">  
  2. function GetRequest() {  
  3.     
  4.   var url = location.search; //获取url中"?"符后的字串  
  5.    var theRequest = new Object();  
  6.    if (url.indexOf("?") != -1) {  
  7.       var str = url.substr(1);  
  8.       strs = str.split("&");  
  9.       for(var i = 0; i < strs.length; i ++) {  
  10.          theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);  
  11.       }  
  12.    }  
  13.    return theRequest;  
  14. }  
  15. </Script>  
然后我们通过调用此函数获取对应参数值:
  1. <Script language="javascript">  
  2. var Request = new Object();  
  3. Request = GetRequest();  
  4. var 参数1,参数2,参数3,参数N;  
  5. 参数1 = Request[''参数1''];  
  6. 参数2 = Request[''参数2''];  
  7. 参数3 = Request[''参数3''];  
  8. 参数N = Request[''参数N''];  
  9. </Script>  
正则分析法:
  1. function GetQueryString(name) {  
  2.    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");  
  3.    var r = window.location.search.substr(1).match(reg);  
  4.    if (r!=nullreturn (r[2]); return null;  
  5. }  
  6. alert(GetQueryString("参数名1"));  
  7. alert(GetQueryString("参数名2"));  
  8. alert(GetQueryString("参数名3"));  

友荐云推荐
×