JavaScript中关于页面URL地址的获取

 1     window.location.host; //返回url的主机部分,例如 www.xxx.com  
 2     window.location.hostname; //返回url的主机名,例如 www.xxx.com  
 3     window.location.href; //返回整个url字符串(在浏览器中就是完整的地址栏),例如 www.xxx.com/index.php?class_id=3&id=2  
 4     window.location.pathname; //返回url的路径部分,例如 /a/index.html  
 5     window.location.protocol; //返回url的协议部分,例如 http:,ftp:,maito: 等等 
 6     window.location.port; //返回url的端口部分,如果采用默认的80端口,那么返回值并不是默认的80而是空字符
 7     
 8     //取当前页面名称(不带后缀名):文件名
 9     function getPageName(){
10         var strUrl = location.href;
11         var arrUrl = strUrl.split("/");
12         var arr = arrUrl.slice(arrUrl.length-1, arrUrl.length).toString(String).split(".");
13         return arr.slice(0, 1);//slice() 方法可从已有的数组中返回选定的元素。
14     }
15 
16     //获取取当前页面名称(带后缀名)
17     function getAllPageName(){
18         var strUrl = location.href;
19         var arrUrl = strUrl.split("/");
20         var strPage = arrUrl[arrUrl.length-1];//数组的最后一个元素
21         return strPage;
22     }
23     
24     //返回的是字符串形式的参数,例如:class_id=3&id=2&  
25     function getUrlArgStr(){  
26         var q=location.search.substr(1);  
27         var qs=q.split('&');  
28         var argStr='';  
29         if(qs){  
30             for(var i=0;i<qs.length;i++){  
31                 argStr+=qs[i].substring(0,qs[i].indexOf('='))+'='+qs[i].substring(qs[i].indexOf('=')+1)+'&';  
32             }  
33         }  
34         return argStr;  
35     }
36 
37     //返回的是对象形式的参数  
38     function getUrlArgObject(){  
39         var args=new Object();  
40         var query=location.search.substring(1);//获取查询串  
41         var pairs=query.split(",");//在逗号处断开  
42         for(var i=0;i<pairs.length;i++){  
43             var pos=pairs[i].indexOf('=');//查找name=value  
44             if(pos==-1){//如果没有找到就跳过  
45                 continue;  
46             }  
47             var argname=pairs[i].substring(0,pos);//提取name  
48             var value=pairs[i].substring(pos+1);//提取value  
49             args[argname]=unescape(value);//存为属性  
50         }  
51         return args;//返回对象  
52     }

window.location.href 与 this.location.href,location.href,self.location.href都是本页面跳转

parent.location.href是上一层页面跳转

top.location.href是最外层的页面跳转

posted @ 2016-12-26 11:31  一线大码  Views(416)  Comments(0Edit  收藏  举报