您的位置:首页 > Web前端 > JavaScript

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

2016-12-26 11:31 453 查看
1     window.location.host; //返回url 的主机部分,例如:www.xxx.com
2     window.location.hostname; //返回www.xxx.com
3     window.location.href; //返回整个url字符串(在浏览器中就是完整的地址栏),例如:www.xxx.com/index.php?class_id=3&id=2
4     window.location.pathname; //返回/a/index.html或者/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是最外层的页面跳转
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: