该window.location对象可以被用来获取当前页面的地址(URL)和浏览器重定向到一个新的一页。
Window Location
该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
该window.location.href属性返回当前页面的URL。
例
显示当前页面的href(URL):
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
结果是:
Page location is http://admin.w3ii2.com/index.php?r=site%2Farticle%2Fupdate&clasId=6&path=js_window_location
试一试» Window Location Hostname
该window.location.hostname属性返回Internet主机(当前页面)的名称。
例
显示主机的名称:
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;
结果是:
Page hostname is admin.w3ii2.com
试一试» Window Location Pathname
该window.location.pathname属性返回当前页面的路径名。
例
显示当前URL的路径名:
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
结果是:
/index.php
试一试» Window Location Protocol
所述window.location.protocol属性返回网页的Web协议。
例
显示Web协议:
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
结果是:
Page protocol is http:
试一试» Window Location Assign
该window.location.assign()方法加载一个新的文档。
例
装入一个新的文档:
<html>
<head>
<script>
function newDoc() {
window.location.assign("http://www.w3ii.com")
}
</script>
</head>
<body>
<input type="button" value="Load new document"
onclick="newDoc()">
</body>
</html>
试一试»