这个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()
加载一个新文档这个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>
亲自试一试 »
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!