js获取url内容（javascript获取url信息的常见方法）

1
    
    
    
、获取页面完整的url

1

2

var a=location.href;

console.log(a);　// “http://www.cnblogs.com/wuxibolgs329/p/5261577.html#flag?test=12345    
    
    
 ”

2     


     


     


 、获取页面的域名

var host = window.location.host;  //www.cnblogs.com

var host2 = document.domain;  //www.cnblogs.com

var a = location.hostname;　　//www.cnblogs.com

3 




 




 




 、获取url协议

var a=location.protocol; console.log(a);　//http:

4

   

   

   

、获取端口

var a=location.port; console.log(a);

5     

     

     

、获取页面路径

var a=location.pathname; console.log(a);

6  




  




  




  、设置或获取 URL 的协议部分

var a = location.protocol;

7


  


  


  

、获取#后的部分

var a=window.location.hash; var b=a.substr(1); console.log(b);　// flag?test=12345

8     
     
     
、获取 href 属性中跟在问号?后面的部分

// 此时案例地址变为“http://www.cnblogs.com/wuxibolgs329/p/5261577.html?test=12345 


     


     


     ”
    
    
    
。得到 test=12345

var a=location.search;

var b=a.substr(1);

console.log(b);　

//如果案例依旧是“http://www.cnblogs.com/wuxibolgs329/p/5261577.html#flag?test=12345

 




 




 




”    
    
    
 ，则需下面的写法 


     


     


     ，得到 test=12345

var a=location.href;

var b=a.substr(a.lastIndexOf(?)+1);

console.log(b);

9   




   




   




  、获取 = 号后面的部分

var a=location.href; var b=a.substring(a.lastIndexOf(=)+1); console.log(b); // 12345