window.location 对象用来获取当前页面的地址 (URL)信息,并可将浏览器重定向到其余页面。
window.location 对象在编写代码时可不使用 window 这个前缀。
location对象的属性和方法
属性 |
方法 |
hash |
返回URL中#符号后面的内容 |
host |
返回当前的域名 |
hostname |
返回主域名 |
href |
返回当前文档的完整URL或设置当前文档的URL |
pathname |
返回当前页面的路径和文件名,即URL中域名后的部分 |
port |
返回URL中的端口 |
protocol |
返回URL中的协议(http:// 或 https://) |
search |
返回URL中的查询字符串,即 ? 符号后面的参数 |
assign() |
设置当前文档的URL |
replace() |
设置当前文档的URL,并在history对象的地址列表中删除这个URL |
reload() |
从新载入当前文档(从server服务器端) |
注意:主域名是指不带www的域名,例如itxueyuan.org,主域名前面带前缀的一般都为二级域名或多级域名,例如www.itxueyuan.org实际上是二级域名。
请看下面一段代码:
<div id="demo1">点击这里获取URL信息</div>
<div id="demo2">跳转到IT学院首页</div>
<script type="text/javascript">
document.getElementById("demo1").onclick=function(){
alert( "当前URL信息:\n"+ "URL:"+location.href+"\n"+ "域名:"+location.host+"\n"+ "主域名:"+location.hostname+"\n"+ "路径:"+location.pathname+"\n"+ "协议:"+location.protocol);
}
document.getElementById("demo2").onclick=function(){ location.href="http://www.itxueyuan.org";
}
</script>