BOM对象案例

1.5秒钟之后自动跳转页面

（利用定时器做倒计时效果；使用location.href实现页面跳转，封装函数并调用函数防止第一次刷新页面有空白。）

<div></div>
    <script>
        var div = document.querySelector('div');
        var timer = 5;
        coun();
        setInterval(coun,1000);
        function coun(){
            if(timer == 0){
                location.href = "http://asdf.cn";
            }else{
                div.innerHTML = '您将在'+timer+'秒钟之后跳转到首页';
                timer --;
            }
        }
    </script>

2.获取URL参数传递（练习数据在不同页面的传递）

（登录页面，action提交到text2.html页面，text2页面，可以使用第一个页面的参数）

text1页面主要代码

    <form action="text2.html">     <!--表单域-->
        <!-- 默认是get提交 -->
        用户名： <input type="text" name="uname">
        <input type="submit" value="登录">
    </form>

text2页面主要代码

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