🎪location对象

window.location可以简写成location。location相当于浏览器地址栏，可以将url解析成独立的片段。

一、属性

console.log(location.host);//主机名，包括端口
console(location.hostname);//主机名
console.log(location.href); //完整的url(网址)
console.log(location.pathname); //文件名（url中的部分路径）
console.log(location.port); //端口号
console.log(location.protocol); //协议（HTTP、https）
console.log(location.search) //提交的text（查询字符串）

二、location 每个查询字符串参数获取方法

1、一个地址

HTML、CSS、JS文件代码/BOM代码文件/04 location对象的常用属性.html?user=aaa&pwd=123

//?user=aaa&pwd=123

2、取得去掉问号的查询字符串

var qs = location.search.length > 0? location.search.substring(1) : '';//user=aaa&pwd=123
//从索引 1 开始取到后面的字符

3、将取到的字符串且分开

var items = qs.length? qs.split('&') : [];//['user=aaa','pwd=123']

4、定义参数

var item = null,//装 items 中的元素
name = null,//装 item 中的名字
value = null,//装名字对应的值
args = {};//装结果

5、循环取出 items 中的值进行操作

for(i = 0;i<items.length;i++){
    item = items[i].split('=');//['name','aaa']等号分隔开
    name = decodeURIComponent(item[0]);
    value = decodeURIComponent(item[1]);
    if(name.length){
        args[name] = value;
    }
}
console.log(args);//示例：{user: "派大星", pwd: "cz"}

6、用函数进行封装一下

function userPwd(){
    //1、取得去掉问好的查询字符串
    var qs = location.search.length > 0? location.search.substring(1) : '';//user=aaa&pwd=123
    var items = qs.length? qs.split('&') : [];//['user=aaa','pwd=123']
    var item = null,name = null,value = null,args = {};
    for(i = 0;i<items.length;i++){
        item = items[i].split('=');//['name','aaa']
        name = decodeURIComponent(item[0]);
        value = decodeURIComponent(item[1]);
        if(name.length){
            args[name] = value;
        }
    }
    return args;
}
var newUserPwd = userPwd();
console.log(newUserPwd);