上一节:
下一节:

  JavaScript BOM 窗口位置（window.location）

  • window.location

    window.location对象可用于获取当前页面地址（URL）并将浏览器重定向到新页面。
    window.location对象可以在没有window的前缀被写入。
    • window.location.href 返回当前页面的href（URL）
    • window.location.hostname 返回Web主机的域名
    • window.location.pathname 返回当前页面的路径和文件名
    • window.location.protocol 返回使用的Web协议（http: 或 https: )
    • window.location.assign() 加载新文档

  • window.location.href

    window.location.href属性返回当前页面的URL。
    显示当前页面的href（URL）： 
    document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
    尝试一下
    结果将是：

  • window.location.hostname

    window.location.hostname属性返回Internet主机的名称（当前页面的名称）。
    显示主机名称： 
    document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;
    尝试一下
    结果将是：

  • window.location.pathname

    window.location.pathname属性返回当前页面的路径名
    显示当前URL的路径名： 
    document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
    尝试一下
    结果将是：

  • window.location.protocol

    window.location.protocol属性返回页面的Web协议。
    显示Web协议： 
    document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
    尝试一下
    结果将是：

  • window.location.port

    window.location.port属性返回互联网主机端口（当前页面）的编号。
    显示主机端口： 
    document.getElementById("demo").innerHTML =
"Port number is " + window.location.port;
    尝试一下
    结果将是：

  • window.location.assign()

    window.location.port()方法加载新文档。 
    <html>
<head>
<script>
function newDoc() {
  window.location.assign("https://www.cainiaoya.com")
}
</script>
</head>
<body>

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

</body>
</html>
    尝试一下
上一节:
下一节: