BOM:同步异步，location,navigator,history

1.

2. 同步任务（主车道）先执行，然后再执行异步任务（应急车道）

3.事件循环

主线程执行完毕后，不断查看异步任务队列的过程。

异步任务先保存在异步进程中，有事件发生，推入异步队列

4.location对象，返回URL相关信息

url构成

参数就是name=and&age=18

5.几秒后自动跳转页面案例

用的定时器每隔一秒刷一下。

<script>
        var btn = document.querySelector('button');
        var div = document.querySelector('div');
        //点击直接跳转
        btn.addEventListener('click', function() {
            // console.log(location.href);
            location.href = 'http://www.itcast.cn';
        })
        //5秒后跳转
        var timer = 5;
        setInterval(function() {
            if (timer == 0) {
                location.href = 'http://www.itcast.cn';
            } else {
                div.innerHTML = '您将在' + timer + '秒钟之后跳转到首页';
                timer--;
            }

        }, 1000);
    </script>

6.登录页面数据传播

login页面

在表单里面才可以提交，action跟的是跳转页面

一定要有name参数才能保存数据

 <form action="index.html">
        用户名： <input type="text" name="uname">
        <input type="submit" value="登录">
    </form>

index页面

先获取参数，然后对字符串处理

 <div></div>
    <script>
        console.log(location.search); // ?uname=andy
        // 1.先去掉？  substr('起始的位置'，截取几个字符);
        var params = location.search.substr(1); // uname=andy
        console.log(params);
        // 2. 利用=把字符串分割为数组 split('=');
        var arr = params.split('=');
        console.log(arr); // ["uname", "ANDY"]
        var div = document.querySelector('div');
        // 3.把数据写入div中
        div.innerHTML = arr[1] + '欢迎您';
    </script>

7.location对象的方法

assign跳转后可以后退

   <button>点击</button>
    <script>
        var btn = document.querySelector('button');
        btn.addEventListener('click', function() {
            // 记录浏览历史，所以可以实现后退功能
            //location.assign('http://www.itcast.cn');
            // 不记录浏览历史，所以不可以实现后退功能
            // location.replace('http://www.itcast.cn');
            location.reload(true);
        })

8.nacigator对象，获取浏览器信息，打开移动页面还是PC端页面

9.history对象，一般用浏览器自带的就好啦

go可以前进后退好几步