现在位置: 首页 > JavaScript 参考手册 > 正文

Location 对象


Location 对象

Location 对象包含有关当前 URL 的信息。

Location 对象是 window 对象的一部分,可通过 window.location.xxx 格式的相关属性对其进行访问。

Note注意: 没有应用于Location对象的公开标准,不过所有浏览器都支持该对象。


Location 对象属性

属性 描述
hash 返回一个URL的锚部分
host 返回一个URL的主机名和端口
hostname 返回URL的主机名
href 返回完整的URL
pathname 返回的URL路径名。
port 返回一个URL服务器使用的端口号
protocol 返回一个URL协议
search 返回一个URL的查询部分

实例

// 创建 a 标签并设置 href 属性
var url = document.createElement('a');
url.href = 'https://www.runoob.com/?s=python#test';
console.log(url.href);      // https://www.runoob.com/?s=python
console.log(url.protocol);  // https:
console.log(url.host);      // www.runoob.com
console.log(url.hostname);  // www.runoob.com
console.log(url.port);      // (输出为空 - https 默认端口为 443)
console.log(url.pathname);  // /
console.log(url.search);    // en-US/search
console.log(url.hash);      // #test
console.log(url.origin);    // https://www.runoob.com

测试结果如下:

Location 对象方法

方法 说明
assign() 载入一个新的文档
reload() 重新载入当前文档
replace() 用新的文档替换当前文档