location对象

location对象

5.1 什么是location 对象

Window 对象给我们提供了一个 location属性 用于 获取或设置窗体的URL,并且可以用于 解析URL。因为这个属性返回的是一个对象,所以我们将这个属性也称为 location对象。
location对象

案例:5秒之后跳转页面

1.点击按钮跳转

 btn.addEventListener('click', function() {  
            // console.log(location.href);
            location.href = 'http://www.itcast.cn';
        })
  1. 5秒后自动跳转
var timer = 5;
countDown(); //我们先调用一次这个函数,防止第一次刷新页面空白
       
        setInterval(countDown, 1000); //每隔一秒,调用一次 重复
        
        function countDown() {
            if (timer == 0) {
                location.href = 'http://www.itcast.cn';
            } else {
                div.innerHTML = '您将在' + timer + '秒钟之后跳转首页';
                timer--;
            }
        }
上一篇:30HUI - 倒计时组件(hui.countdown)


下一篇:倒计时案例