window.location

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容