window.location 对象用来获取当前页面的地址 (URL)信息,并可将浏览器重定向到其他页面。
window.location 对象在编写代码时可不使用 window 这个前缀。
location对象的属性和方法
注意:主域名是指不带www的域名,例如itxueyuan.org,主域名前面带前缀的通常都为二级域名或多级域名,例如www.itxueyuan.org其实是二级域名。
请看下面一段代码:
window.location 对象在编写代码时可不使用 window 这个前缀。
| 属性 | 方法 |
|---|---|
| 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>
来源:oschina
链接:https://my.oschina.net/u/242764/blog/482935