目录

JavaScript 窗口位置


这个window.location对象可用于获取当前页面地址 (URL) 并将浏览器重定向到新页面。


窗口位置

这个window.location可以在没有窗口前缀的情况下编写对象。

一些例子:

  • window.location.href返回当前页面的 href (URL)
  • window.location.hostname返回虚拟主机的域名
  • window.location.pathname返回当前页面的路径和文件名
  • window.location.protocol返回使用的 Web 协议(http: 或 https:)
  • window.location.assign()加载一个新文档

窗口位置 Href

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

示例

显示当前页面的href(URL):

document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;

结果是:


亲自试一试 »

窗口位置主机名

这个window.location.hostname属性返回(当前页面的)互联网主机的名称。

示例

显示主机名:

document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;

结果是:

亲自试一试 »


窗口位置路径名

这个window.location.pathname属性返回当前页面的路径名。

示例

显示当前URL的路径名:

document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;

结果是:

亲自试一试 »

窗口定位协议

这个window.location.protocol属性返回页面的网络协议。

示例

显示网络协议:

document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;

结果是:

亲自试一试 »

窗口 位置 端口

这个window.location.port属性返回(当前页面的)互联网主机端口号。

示例

显示主机名:

document.getElementById("demo").innerHTML =
"Port number is " + window.location.port;

结果是:

亲自试一试 »

大多数浏览器不会显示默认端口号(http 为 80,https 为 443)


窗口位置分配

这个window.location.assign()方法加载一个新文档。

示例

加载新文档:

<html>
<head>
<script>
function newDoc() {
  window.location.assign("https://www.91xjr.com")
}
</script>
</head>
<body>

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

</body>
</html>
亲自试一试 »