最新的Web开发教程
 

JavaScript Window Location


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>
试一试»