window.location :可以获取当前页面的地址信息,还可以修改某些属性,实现页面的跳转和刷新等
window.location 包含的信息(以百度页面为例):
window.loacation.href =>"https://www.jianshu.com/p/ba8cb3a61803"
.origin =>"https://www.jianshu.com"
.host =>"www.jianshu.com"
.hostname =>"www.jianshu.com"
.pathname => "/p/ba8cb3a61803"
.port => ""
.protocol => "https:"
.search =>""
window.location.assign(url)
.replace(url)
.reload()
.toString()
window.location 属性一览表
window.location.
1.origin URL 基础地址,包括协议名 、域名、和端口号(可用于跳转到首页)
2.protocal:协议。(http:或者https:)
3.host :域名+端口号
4.hostname :域名
5.port:端口号
6. pathname :路径(以"/"开头)
7.search:查询字符串,以""开头
8.hash页面锚点,以 "#"开头
9.href:完整的URL
window.loacation方法一览表
window.location动作
1.assign() 导航到指定URL,会留下当前页面的访问记录,点击浏览器的返回会回到上一个页面
2.replace()导航到指定的URL并且删除当前页面的访问记录,破坏了栈记录,点击浏览器的返回无法回到上一个页面
3.reload() 重新加载当前页面
4.toString()返回URL字符串
toString()和href都是返回页面的URL,区别是,href稍微快点