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 = '/?s=python#test' ;
console. log ( url. href ) ;       // /?s=python
console. log ( url. protocol ) ;   // https:
console. log ( url. host ) ;       // www.yssmx.com
console. log ( url. hostname ) ;   // www.yssmx.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.yssmx.com

测试结果如下:

Location 对象方法

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