js中的bom

1、弹窗

alert。警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作。

confirm。确认框通常用于验证是否接受用户操作。
当确认卡弹出时，用户可以点击 "确认" 或者 "取消" 来确定用户操作。
当你点击 "确认", 确认框返回 true， 如果点击 "取消", 确认框返回 false。

prompt。提示框经常用于提示用户在进入页面前输入某个值。
当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。
如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。

2、Location

/* ./B.html B.html 相对路径 */
            /* 绝对路径 file:///C:/Users/ZhangSir/Desktop/js%E4%B8%AD%E7%9A%84bom%E5%92%8Cdom/B.html */
            /* 跳转到指定的路径 跳转后 再历史记录 还存在之前的地址 所以可以返回 */
            // location.href="file:///C:/Users/ZhangSir/Desktop/js%E4%B8%AD%E7%9A%84bom%E5%92%8Cdom/B.html"
            /* 用新的路径来替换当前的路径 replace代表替换，把会历史记录里面的地址也替换了，所以没有返回功能 */
            // location.replace('B.html') 

            /* window.open 会打开一个新的tab页 不会关闭之前的tab页 默认是 _blank*/
            // open('B.html','_blank')
            /* 和location.href功能一样 在原来的tab页上打开 */
            sessionStorage.a = 1
            sessionStorage.b = 2
            open('B.html','_self')
复制代码

3、history

/* 后退 */
        function back() {
            /* window.history.back(); */
            /* 两者的作用一致 都是后退 */
            window.history.go(-1);
        }
        /* 前进 */
        function forward(){
            /* window.history.forward(); */
            window.history.go(1)
        }
        /* 刷新 */
        function go(){
            /* go里面是没有任何参数的 */
           /*  window.history.go(); */
            /* 两者功能相等 都是刷新 */
            /* window.history.go(0); */
            /* 这个也表示刷新 */
            location.reload();
        }
复制代码

4、计时器

<script>
        /* 过3秒钟  把这个广告显示出来 */
        /* document.getElementById('guangao').style.display = 'block' */
        // setTimeout(function(){
        //     document.getElementById('guangao').style.display = 'none' 
        // },3000)

        /* 过个一段时间去做一件事 */
        /* 定时器 */
        /* 定时器会返回一个唯一的id */
        // let id = setInterval(function(){
        //     console.log('我爱js<br>');
        //     console.log(id);
        // },1000)

        // /* 根据定时器返回的唯一的id 来清除定时器 */
        // function clearfn(){
        //     clearInterval(id)
        // }


        /* 过一秒钟 在控制台上打印出 一个数字 比如1
        再过一秒钟 打印出2 ....
        点击清除定时器 终止打印 *

        // let i = 0;

        // let id = setInterval(function () {
        //     i++;
        //     console.log(i);
        // }, 1000)

        // function clearfn() {
        //     clearInterval(id)
        // }

        /*  setTimeout 和 setInterval的区别是
        setTimeout只执行一次 */
        /* 也会产生一个唯一的id标识 */
        /* let id = setTimeout(function (){
            console.log('我说冷笑话');
        },1000) */
    </script>
复制代码

5、存储

 存储对象的方法

/*  localStorage 或者 sessionStorage 
            存的内容都是字符串类型*/
            let obj1 = {
                name:"zhangsan",
                age:20
            }
            /* JSON.stringify 把对象转成字符串类型 */
            let s = JSON.stringify(obj1);
            localStorage.s = s;
            /* 再把字符串转成对象 */
       let objs = JSON.parse(localStorage.s)
       document.write(objs.name);
       document.write(objs.age);