location对象实现页面间的跳转同步任务在主线程上执行形成一个执行栈异步任务 js 异步通过回调函数实现一般异

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面跳转</title>
</head>

<body>
    <div>自动跳转</div>
    <button>点击跳转</button>
    <script>
        var btn = document.querySelector("button");
        var div = document.querySelector("div");
        btn.addEventListener('click', function () {
            location.href = 'http://www.bilibili.cn';
        })
        var timer = 5;
        setInterval(() => {
            if (timer == 0) {
                location.href = 'http://www.bilibili.com';
            } else {
                div.innerHTML = '你将在' + timer + '秒后跳转到首页'
                timer--;
            }
        }, 1000);
    </script>
</body>

 //同步任务在主线程上执行   形成一个执行栈

 //异步任务
 //js 异步通过回调函数实现

 //一般异步情况
 //1.普通事件    如click   resize等
 //2资源加载     如load    error等
 //3定时器       如setInterval   setTimeout等 
</html>