Location对象

最新推荐文章于 2024-05-24 00:00:00 发布

原创最新推荐文章于 2024-05-24 00:00:00 发布 · 292 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

Location对象

Location 对象包含有关当前 URL 的信息。
Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。

Location属性

（1）host：设置或返回主机名和当前 URL 的端口号。
（2）hostname：设置或返回当前 URL 的主机名。
（3）href：设置或返回完整的 URL。

console.log(location.host)   //返回本地主机名和端口号
console.log(location.hostname)  //返回本地主机名
console.log(location.href)  //返回网站的全部地址

Location方法

（1）assign()：加载新的文档

<body>
<input type="button" value="Load new document" "newDoc()" />
</body>

<script type="text/javascript">
function newDoc()
  {
  window.location.assign("http://www.w3school.com.cn")
  }
</script>

（2）reload()：重新加载当前文档（刷新页面）。

<body>
<input type="button" value="Reload page" "reloadPage()" />
</body>

<script type="text/javascript">
function reloadPage()
  {
  window.location.reload()
  }
</script>

（3）replace()：用新的文档替换当前文档。

<body>
<input type="button" value="Replace document" "replaceDoc()" />
</body>

<script type="text/javascript">
function replaceDoc()
  {
     window.location.replace("http://www.w3school.com.cn")
  }
</script>