JavaScript 窗口位置
window.location 对象可用于获取当前页面地址 (URL) 并将浏览器重定向到新页面。
Window Location
window.location 对象可以不带 window 前缀编写。
一些示例
window.location.href返回当前页面的 href (URL)window.location.hostname返回主机名window.location.pathname返回当前页面的路径和文件名window.location.protocol返回使用的协议 (http: 或 https:)window.location.assign()加载一个新文档
窗口位置 Href
window.location.href 属性返回当前页面的 URL。
示例
显示当前页面的 href (URL)
document.getElementById("demo").innerHTML =
"页面位置是 " + window.location.href;
结果是
窗口位置 Hostname
window.location.hostname 属性返回当前页面的互联网主机名。
示例
显示主机名
document.getElementById("demo").innerHTML =
"页面主机名是 " + window.location.hostname;
结果是
窗口位置 Pathname
window.location.pathname 属性返回当前页面的路径名。
示例
显示当前 URL 的路径名
document.getElementById("demo").innerHTML =
"页面路径是 " + window.location.pathname;
结果是
窗口位置 Protocol
window.location.protocol 属性返回页面的 Web 协议。
示例
显示 Web 协议
document.getElementById("demo").innerHTML =
"页面协议是 " + window.location.protocol;
结果是
窗口位置 Port
window.location.port 属性返回当前页面的互联网主机端口号。
大多数浏览器不会显示默认端口号 (http 为 80，https 为 443)
窗口位置 Assign
window.location.assign() 方法加载一个新文档。
示例
加载新文档
<html>
<head>
<script>
function newDoc() {
window.location.assign("https://w3schools.org.cn")
}
</script>
</head>
<body>
<input type="button" value="加载新文档" onclick="newDoc()">
</body>
</html>
自己动手试一试 »
