Location 对象是 window 对象的一部分,可通过 window.Location 属性对其进行访问。Location 对象包含有关当前 URL 的信息。
一、location对象属性 |
|
href |
返回完整的URL(是一个可读可写的字符串) |
search |
返回一个URL的查询部分 假设URL为http://www.runoob.com/submit.htm?key=12 console.log(location.search) 输出结果为?key=12 |
hash |
返回一个URL的锚部分 假设URL为http://www.runoob.com/submit.htm#part1 console.log(location.hash) 输出结果为#part1 |
protocol |
返回一个URL协议 假设URL为http://www.runoob.com/submit.html console.log(location.protocol) 输出结果为http: |
host |
返回一个URL的主机名和端口 假设URL为http://www.runoob.com/submit.html console.log(location.host) 输出结果为www.runoob.com |
hostname |
返回URL的主机名 假设URL为http://www.runoob.com/submit.html console.log(location.hostname) 输出结果为www.runoob.com |
port |
返回一个URL服务器使用的端口号,默认端口号是80,无需指定。 |
pathname |
返回的URL路径名 假设URL为http://www.runoob.com/js/submit.html console.log(location.pathname) 输出结果为/js/submit.html |
二、location对象方法 |
|
assign(url) |
载入新文档 ,该方法打开的页面可以点击后退按钮。 |
reload(true),参数可选 |
重新载入当前文档,该方法强迫浏览器刷新当前页面。 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5。 |
replace(newurl) |
用新文档替换当前文档,该方法打开的页面没有后退按钮,通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问之前的历史记录。 |