何为location对象?
location是最常用的BOM对象之一,它提供了与当前窗口中加载的文档有关的信息,还提供一些导航功能。它很特别,因为window.location和document.location引用的是同一个对象,它是window对象和document对象的的属性。
location对象用处
location对象可以保存当前文档的信息,还能将URL解析为独立的片段,我们可以通过不同的属性访问这些片段。
location对象的属性
1. location.hash
设置或返回从井号 (#) 开始的 URL(锚),如果URL不包含散列,则返回空字符串;
2.location.host
设置或返回主机名和当前 URL 的端口号。
3.location.hostname
设置或返回当前 URL 的主机名。
4.location.href
设置或返回完整的 URL。
5.location.pathname
设置或返回当前URL的路径部分
6.location.port
设置或返回当前URL的端口号
7.location.protocol
设置或返回当前URL的协议,如:http:或https:
8.location.search
设置或返回URL的查询字符串,以问号开头的
location对象的方法
1.location.reload()
重新加载当前页面,默认不传参;若存在缓存,从浏览器缓存中加载;如果传入Boolean类型的true,则会强制从服务器加载。
2.location.assign()
加载新文档
3.location.replace()
新文档替换当前文档
五秒后页面自动跳转
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>自动跳转功能</title> </head> <body> <div id=""> </div> <script type="text/javascript"> var div=document.querySelector('div'); var timer=5; a(); setInterval(a,1000); function a(){ if(timer==0){ location.href='https://www.baidu.com/' } else{ div.innerHTML='您将在'+timer+'秒钟后跳到百度'; timer--; } } </script> </body> </html>