1.1 全局对象

    <!-- 全局变量 -->
    <script>
          /* 中javascript中声明的全局变量是window的属性,方法是window的方法 */
          var a = 10;
          function go(){
              console.log("hello world")
          }
          // const window = {
          //     a:10,
          //     go:function(){
          //         console.log("hello world")
          //     }
          // }
          // console.log(window.a);
          // window.go();
          console.log(a);
          go();
      </script>

1.2 弹窗

1.2.1 有确定取消类

    <!-- confirm弹窗 -->
    <ul>
        <li>html  <button>删除</button></li>
        <li>css  <button>删除</button></li>
        <li>javascript  <button>删除</button></li>
    </ul>
    <script>
        // parentNode --元素的父节点
        var btns = document.getElementsByTagName("button");
        for(var i=0;i<btns.length;i++){
            btns[i].onclick =  function(){
               var temp =  window.confirm("确定吗");
               if(temp){
                   this.parentNode.style.display = "none"
               }
            }
        }
    </script>

1.2.2 输入型弹窗

    <!-- 输入型弹窗 -->
    <script>
        /* 输入型的弹窗 */
        var test = window.prompt("请输入","hello world");
        console.log(test)
    </script>

1.3 定时器

    <!-- 定时器 -->
    <script>
        // 超时调用，只会触发一次
        setTimeout(function(){
            console.log("大帅b");
        },5000)
        // 间歇调用
        setInterval(() => {
            console.log("我tm怎么那么帅！");
        }, 1000);
        // 用递归方法，让超时调用实现间歇调用
        function show(){
            setTimeout(function(){
            console.log("诶！我又跳出来了。");
            show()
        },1000)
        };
        show();
        // 清除定时器
        var time = setInterval(() => {
            console.log("我tm怎么那么帅！");
        }, 1000);
        clearInterval(time);
    </script>

1.4 添加window监听事件

window.addEventListener("scroll",函数)

使用了记得一定一定要移除，不然事件会一直存在

window.removeEventListener("scroll",函数)