location 中的assign()、replace()、reload()

window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。

window.location 对象在编写时可不使用 window 这个前缀。

一些例子：

location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口（80 或 443）
location.protocol 返回所使用的 web 协议（http:// 或 https://）

Window Location Href

location.href 属性返回当前页面的 URL。

window.location.assign(url) ：加载 URL 指定的新的 HTML 文档。就相当于一个链接，跳转到指定的url，当前页面会转为新页面内容，可以点击后退返回上一个页面。

<html>
<head>
<script>
function newDoc()
  {
  window.location.assign("http://www.w3school.com.cn")
  }
</script>
</head>
<body>

<input type="button" value="加载新文档" onclick="newDoc()">

</body>
</html>

window.location.replace(url) ：通过加载 URL 指定的文档来替换当前文档，这个方法是替换当前窗口页面，前后两个页面共用一个

窗口，所以是没有后退返回上一页的

reload()方法用于刷新当前文档。

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

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

如果有 POST 数据提交，则会重新提交数据；location.reload() 则将新的页面以替换当前页面，它是从服务器端重新获取新的页面，不会读取客户端缓存且新的 URL 将覆盖 History 对象中的当前纪录（不可通过后退按钮返回原先的页面）。

如果想要刷新当前的页面，又避免 POST 数据提交，可以使用：

window.location.replace( location.href );

posted @ 2019-01-02 16:27 homeSicker 阅读(301) 评论(0) 收藏举报

刷新页面返回顶部

homeSicker