JavaScript入门教程

JavaScript简介
JavaScript语法基础
JavaScript流程控制
JavaScript函数
面向对象编程
JavaScript事件
JavaScript DOM
正则表达式
JavaScript BOM
AJAX

专题分析

浏览器兼容性
JS优化
Web前端开发规范
编辑器推荐
总结和笔记

学习助手

对象参考手册
ECMAScript分析
数据中心
QQ交流群

JavaScript Location对象

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>

实例演示:
点击这里获取URL信息
跳转到IT学院首页