美文网首页
location对象

location对象

作者: 混吃等死小前端 | 来源:发表于2019-12-30 15:16 被阅读0次

    location:表示当前页面的URL信息

    location对象参考手册

    //一个完整的url
    http://www.example.com:8080/path/index.html?a=1&b=2#TOP
    
    location.protocol; // 'http'
    location.host; // 'www.example.com'
    location.port; // '8080'
    location.pathname; // '/path/index.html'
    location.search; // '?a=1&b=2'
    location.hash; // 'TOP'
    location.assign(url);//跳转到指定的url,可以点击后退返回上一个页面
    location.replace(url) ;//加载 URL 指定的文档来替换当前文档,前后两个页面共用一个窗口,所以是没有后退返回上一页的
    location.reload();//刷新当前文档。参数设置为 true,无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档
    

    1、#:代表网页中的一个位置。锚部分
    http://www.example.com/index.html#print
    HTTP请求中不包括#:#是用来指导浏览器动作的,对服务器端完全无用。
    改变#不触发网页重载:单单改变#后的部分,浏览器只会滚动到相应位置,不会重新加载网页。
    改变#会改变浏览器的访问历史:会在浏览器的访问历史中增加一个记录,使用"后退"按钮,就可以回到上一个位置。这对于ajax应用程序特别有用,可以用不同的#值,表示不同的访问状态,然后向用户给出可以访问某个状态的链接
    2、?:
    http://www.xxx.com/Show.asp?id=77&nameid=2905210001&page=1
    连接作用:通过?来带参数,连接域名和参数,经常会用到
    清除缓存:两个url打开的页面一样,但是后面这个有问号,说明不调用缓存的内容,而认为是一个新地址,重新读取
    http://www.xxxxx.com/index.html
    http://www.xxxxx.com/index.html?test123123
    3、&:不同参数的间隔符
    http://www.xxx.com/Show.asp?id=77&nameid=2905210001&page=1

    相关文章

      网友评论

          本文标题:location对象

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