location 对象

Posted smile-xin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

 

以上是关于location 对象的主要内容,如果未能解决你的问题,请参考以下文章

Location对象

location 对象

从 JUnit 单元测试中设置 android.location.Location 对象的参数

BOM--location对象history对象

location对象

location属性解释 - window.location & $location