location 的使用

location 的使用

作者：Bright Xu

以http://www.baidu.com:2021/user/login/?next=/ 为例

// 设置或返回完整的 URL。
location.href  // "http://www.baidu.com:2021/user/login/?next=/"

// 设置或返回当前 URL 的协议。
location.protocol  // "http:"

// 设置或返回当前 URL 的主机名。
location.hostname  // "www.baidu.com"

// 设置或返回当前 URL 的端口号。
location.port  // "2021"

// 设置或返回当前 URL 的路径部分。
location.pathname  // "/user/login/"

// 设置或返回从问号 (?) 开始的 URL（查询部分）。
location.search  // "?next=/"

// 设置或返回从井号 (#) 开始的 URL（锚）。
location.hash  // "#/admin/searchlog/"

// 设置或返回主机名和当前 URL 的端口号。
location.host  // "www.baidu.com:2021"

// 设置或返回协议、主机名和当前 URL 的端口号。
location.origin  // "http://www.baidu.com:2021"

方法：

// 加载新的文档
location.assign(url)

// 重新加载文档（刷新），参数为true时绕过缓存，重新下载文档
location.reload(false)

// replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时，新的 URL 将覆盖 History 对象中的当前记录。
location.replace(url)

// 返回完整的 URL。
location.toString()