目录
Location 对象
- Location 对象包含有关当前 URL 的信息。
- Location 对象是 window 对象的一部分,可通过 window.location.xxx 格式的相关属性对其进行访问。
- 注意: 没有应用于Location对象的公开标准,不过所有浏览器都支持该对象。
Location 对象属性
hash 返回一个URL的锚部分 host 返回一个URL的主机名和端口 hostname 返回URL的主机名 href 返回完整的URL pathname 返回的URL路径名。 port 返回一个URL服务器使用的端口号 protocol 返回一个URL协议 search 返回一个URL的查询部分
Location 对象方法
assign() 载入一个新的文档 reload() 重新载入当前文档 replace() 用新的文档替换当前文档
Location 对象方法 细解
在JavaScript中,我们可以使用window对象下的location子对象来操作当前窗口的UR.所谓URL,指的就是页面地址。
- href 当前页面地址
- search 当前页面地址“?”后面的内容
- hash 当前页面地址“#”后面的内容
1 window.loction.href
在JavaScript中,我们可以使用location对象的href属性来获取或设置当前页面的地址
语法:
window.location.href
说明:
window.location.href可以直接简写为location.href,不过我们一般都习惯加上window前缀
举例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script>
setTimeout(function() {
window.location.href="http://www.chmusk.top";
},2000);
</script>
<body>
<p> 2秒后跳转</p>
</body>
</html>
2 window.location.search
在JavaScript中,我们可以使用location对象的search属性来获取和设置当前页面的地址“?”后面的内容。
3 window.location.hash
在JavaScript中,我们可以使用location对象的hash属性来获取和设置当前页面地址“#”后面的内容。#一般用于锚点链接。
4 navigator对象。
在JavaScript中,我们可以使用window对象下的子对象navigator来获取浏览器的类型
语法:
window.navigator.userAgent
举例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script>
if(window.navigator.userAgent.indexOf("MSIE")!=-1){
alert("这是IE");
}
else if(window.navigator.userAgent.indexOf("Edge"!=-1)){
alert("这是Edge");
}
else if(window.navigator.userAgent.indexOf("Firefox")!=-1)
{
alert("这是Firefox");
}
document.write(window.navigator.userAgent);
</script>
<body>
<!--<p> 2秒后跳转</p>-->
</body>
</html>
分析:
- indexOf()方法用于找出“某个字符串”在字符中首次出现的位置,
- 如果找不到就返回-1.
- 判断浏览器类型也是经常用到的,特别是在处理不同浏览器兼容性上,我们就根据浏览器类型来加载对应的JavaScript处理代码。