美文网首页
window.location

window.location

作者: c6e71129966d | 来源:发表于2022-03-02 15:44 被阅读0次

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

    相关文章

      网友评论

          本文标题:window.location

          本文链接:https://www.haomeiwen.com/subject/lszsrrtx.html