location 对象 | 易学教程

何为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>

来源：https://www.cnblogs.com/smile-xin/p/11371150.html

标签

url

location