首页 > 其他 > 详细

BOM-Location地址栏对象

时间:2020-02-28 21:34:24      阅读:69      评论:0      收藏:0      [点我收藏+]

Location地址栏对象当前对象的 URL 信息。是 window 对象的一部分

创建(获取)

①window.location
②location

方法

reload() 重新载入当前文档(当前页面)

技术分享图片

 属性

href 返回完整的URL,还可以进行修改实现跳转

技术分享图片

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        p {
            text-align: center;
        }

        span {
            color: red;
        }
    </style>
</head>
<body>
<p>
    <span id="time">5</span>秒之后,自动跳转到首页
</p>
<script>
    /*
    * 分析
    * 1.显示页面文字
    * 2.倒计时读秒的效果实现
    *   定时器
    *   2.1定义一个方法,获取span标签,修改span标签体内容,时间
    *   2.2定义一个定时器,1秒执行一次
    *3.在方法中判断时间如果等于0则跳转到首页
    * */
    var second = 5;
    //定义一个方法,获取span标签,
    var time = document.getElementById("time");
    //修改span标签体内容--时间
    function showTime() {
        second--;
        //在方法中判断时间如果等于0则跳转到首页
        if (second == 0) {
            //跳转到首页
            location.href = "https://cn.bing.com";
        }
        time.innerHTML = second + "";
    }

    //设置定时器一秒执行一次
    setInterval(showTime, 1000);

</script>
</body>
</html>

 

BOM-Location地址栏对象

原文:https://www.cnblogs.com/rijiyuelei/p/12379419.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!