Location

oogh 发布于2019-08-01 18:31 / 2009人阅读

摘要：接口表示其链接到的对象的位置所做的修改反映在与之相关的对象上。假设当前的是那么输出的是设置或返回当前的主机名。假设当前的是那么输出的是属性是一个可读可写的字符串，可设置或返回当前的端口部分。当使用该方法时，新的将覆盖对象中的当前记录。

Location接口表示其链接到的对象的位置(URL).所做的修改反映在与之相关的对象上。
Document和Window接口都有这样一个链接的Location,分别通过Document.location和Window.location访问。

Location对象属性 hash

设置或返回从井号(#)开始的URL(锚)。
假设当前的 URL 是: http://example.com:1234/test.htm#part2
那么console.log(location.hash)输出的是“#part2”

host

设置或返回主机名和当前URL的端口号。
假设当前的 URL 是: http://example.com:1234/test.htm#part2
那么console.log(location.host)输出的是“example.com:1234”

hostname

设置或返回当前URL的主机名。
假设当前的 URL 是: http://example.com:1234/test.htm#part2
那么console.log(location.hostname)输出的是“example.com”

href

href属性是一个可读可写的字符串，可设置或返回当前显示的文档的完整URL.
假设当前的 URL 是: http://example.com:1234/test.htm#part2
那么console.log(location.href)输出的是“http://example.com:1234/test.htm#part2”

pathname

pathname属性是一个可读可写的字符串，可设置或返回当前URL的路径部分。
假设当前的URL是: http://example.com:1234/test/test.htm#part2
那么console.log(location.pathname)输出的是“/test.test.html”

port

port属性是一个可读可写的字符串，可设置或返回当前URL的端口部分。
假设当前的URL是: http://example.com:1234/test.htm#part2
那么console.log(location.port)输出的是“1234”

protocol

protocol属性是一个可读可写的字符串，可设置或返回当前URL的协议。
假设当前的URL是: http://example.com:1234/test.htm#part2
那么console.log(location.protocol)输出的是“http:”
tip:如果输入端口号不对，输出的值是chrome-error

search

search属性是一个可读可写的字符串，可设置或返回当前URL的查询部分(问号?之后的部分)
假设当前的 URL 是: http://www.w3school.com.cn/ti...
那么console.log(location.search)输出的是“?f=hdom_loc_search”

Location对象方法 assign()

加载新的文档

reload()

重新加载当前文档

replace()

用新的文档替换当前文档

window.location.assign(url) ：加载 URL 指定的新的 HTML 文档。就相当于一个链接，跳转到指定的url，当前页面会转为新页面内容，可以点击后退返回上一个页面。
window.location.replace(url) ：通过加载 URL 指定的文档来替换当前文档，这个方法是替换当前窗口页面，前后两个页面共用一个
窗口，所以是没有后退返回上一页的。即：
replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时，新的 URL 将覆盖 History 对象中的当前记录。

刷新页面的几种方法

1 history.go(0) 
2 location.reload() 
3 location=location 
4 location.assign(location) 
5 document.execCommand("Refresh") 
6 window.navigate(location) 
7 location.replace(location) 
8 document.URL=location.href

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/51796.html

535种使用JavaScript重新加载页面的方法

摘要：除了之外还有中方法重新加载页面更多关于的文章推荐如何使用异或运算找到数组中缺失的数如何使用制作全息交互效果闭包是如何工作的如何使用重定向到其他网页如何实现链接悬停显示图像效果参考除了location = location之外还有534中方法重新加载页面 location = location location = location.href location = window.lo...

entner 2019-08-23 14:03 评论0 收藏0
Nginx Location匹配规则

摘要：先验证第二条普通之间的匹配顺序按最大前缀匹配配置普通普通测试链接，状态码为，符合预期。将正则的规则改下普通普通正则测试链接，状态码，匹配到，并且因为接下来没有符合的正则，所以最终返回为，符合预期。本文非完全原创, 更多的是将相关资料进行整理 Last-Modified: 2019年5月10日15:28:29 参考链接 linux Nginx配置篇：location的匹配规则（附测试验...

Lorry_Lu 2019-07-25 14:46 评论0 收藏0
Nginx location你需要知道这些！

摘要：首先，首先会检查所有的前缀，从中选出最长前缀匹配也就是修饰符后面的路径最长的的并记下。然后，如果存在正则时，按照其出现的顺序，依次匹配，找到匹配的正则就不再继续往下，并选择该作为最终的结果。场景：在项目开发中经常会遇到nginx配置文件中，会有很多条location配置，却读不懂其中的含义而烦恼 Location是什么？ Location是Nginx中的块级指令(block dir...

Atom 2019-07-25 14:09 评论0 收藏0
nginx url rewriting: difference between break and

Example 1: No (break or last) flags server { server_name example.com; root path/to/somewhere; location / { echo finally matched location /; } location /notes { ec...

BDEEFE 2019-07-25 14:15 评论0 收藏0
HTML-Location摘抄_017

摘要：摘抄接口表示其链接到的对象的位置。所做的修改反映在与之相关的对象上。方法会触发窗口加载并显示指定的的内容。因违反安全规则导致的赋值失败，浏览器将会抛出类型为的异常。 HTML-Location摘抄 Location 接口表示其链接到的对象的位置URL。所做的修改反映在与之相关的对象上。 Document 和 Window 接口都有这样一个链接的Location，分别通过 Documen...

biaoxiaoduan 2019-08-23 15:57 评论0 收藏0
HTML-Location摘抄_017

摘要：摘抄接口表示其链接到的对象的位置。所做的修改反映在与之相关的对象上。方法会触发窗口加载并显示指定的的内容。因违反安全规则导致的赋值失败，浏览器将会抛出类型为的异常。 HTML-Location摘抄 Location 接口表示其链接到的对象的位置URL。所做的修改反映在与之相关的对象上。 Document 和 Window 接口都有这样一个链接的Location，分别通过 Documen...

RobinQu 2019-08-02 14:32 评论0 收藏0