JavaScript之window.location

JavaScript 的 location 对象是用于窗口或框架的对象。location 对象包含有关当前 URL 的信息。下面总结一下 location 对象的一些属性。

假设一个链接为：
```plaintext
http://www.mydomain.com:6666/index?id=1000&name=xxx
```
那么 location 对象的一些属性如：

#### window.location.href
说明：当前页面完整链接。结果如下：
```plaintext
http://www.mydomain.com:6666/test?id=1000&name=xxx
```

#### window.location.protocol
说明：当前链接的协议。结果如下：
```plaintext
http:
```

#### window.location.hostname
说明：域名。结果如下：
```plaintext
www.mydomain.com
```

#### window.location.host
说明：域名 + 端口，如果端口为 `80` 则忽略。结果如下：
```plaintext
www.mydomain.com:6666
```

#### window.location.port
说明：端口。结果如下：
```plaintext
6666
```

#### window.location.pathname
说明：路径部分。结果如下：
```plaintext
/test
```

#### window.location.search
说明：请求的参数。结果如下：
```plaintext
?id=1000&name=xxx
```

#### window.location.origin
说明：`'?'` 前边的 URL。结果如下：
```plaintext
http://www.mydomain.com:6666/test
```

写一个获取当前 URL 参数的函数：
```javascript
/**
 * @param  string name 键值
 * @return string
 */
function getQuery(name) {
    // 正则：[找寻'&' + 'url参数名字' = '值' + '&']（'&'可以不存在）
    let reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    let r = window.location.search.substr(1).match(reg);
    if(r != null) {
        // 对参数值进行解码
        return unescape(r[2]); 
    }
    return null;
}

// 调用
getQuery('id');
```

JavaScript之window.location

相关文章

热门标签

热门文章