当前位置:   article > 正文

location 中的assign()、replace()、reload()及常见属性_window.location.assign 和reload

window.location.assign 和reload

window.location.assign(url) : 加载 URL 指定的新的 HTML 文档。 就相当于一个链接,跳转到指定的url,当前页面会转为新页面内容,可以点击后退返回上一个页面。
window.location.replace(url) : 通过加载 URL 指定的文档来替换当前文档 ,这个方法是替换当前窗口页面,前后两个页面共用一个
窗口,所以是没有后退返回上一页的

reload()方法用于刷新当前文档。
reload() 方法类似于你浏览器上的刷新页面按钮。

如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。

如果有 POST 数据提交,则会重新提交数据;location.reload() 则将新的页面以替换当前页面,它是从服务器端重新获取新的页面,不会读取客户端缓存且新的 URL 将覆盖 History 对象中的当前纪录(不可通过后退按钮返回原先的页面)。
如果想要刷新当前的页面,又避免 POST 数据提交,可以使用:
window.location.replace( location.href );

接下来以http://www.myurl.com:8866/test?id=123&username=xxx作为栗子,介绍一下location的常用属性:
window.location.href(当前URL)
结果如下:
http://www.myurl.com:8866/test?id=123&username=xxx

window.location.protocol(协议)
结果如下:
http:

window.location.host(域名 + 端口)
结果如下:
www.myurl.com:8866

window.location.hostname(域名)
结果如下:
www.myurl.com

window.location.port(端口)
结果如下:
8866

window.location.pathname(路径部分)
结果如下:
/test

window.location.search(请求的参数)
结果如下:
?id=123&username=xxx

window.location.origin(’?'前边的URL)
结果如下:
http://www.myurl.com:8866

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/秋刀鱼在做梦/article/detail/923331
推荐阅读
相关标签
  

闽ICP备14008679号