window.location

2022-03-02  本文已影响0人  c6e71129966d

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稍微快点

上一篇下一篇

猜你喜欢

热点阅读