码迷,mamicode.com
首页 > 其他好文 > 详细

location 对象

时间:2019-08-18 13:36:07      阅读:68      评论:0      收藏:0      [点我收藏+]

标签:bsp   round   引用   设置   win   replace   sel   服务器   var   

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

标签:bsp   round   引用   设置   win   replace   sel   服务器   var   

原文地址:https://www.cnblogs.com/smile-xin/p/11371150.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!