部分代码和结果演示：

1.window对象（BOM核心，代表浏览器窗口）

<script>
      // 常用属性：获取窗口大小
    console.log("==== window 对象====");
    console.log("窗口内部高度：",window.innerWidth);
    console.log("窗口内部宽度：",window.innerHeight);
    // 常用方法：弹窗、定时器
    window.alert("hello world");
    window.confirm("继续吗？");
    // 定时器
      setTimeout(()=>{
          console.log("三秒后执行");
      },3000);
      // 循环定时器（每2秒执行一次）
      const timer = setInterval(()=>{
          console.log("每两秒执行一次");
        // 10秒后停止定时器
        },2000);
      setTimeout(()=> clearInterval(timer),10000);

  </script>

运行结果演示：

可以看到10秒后计时循环已停止

插入解释：箭头函数：

箭头函数是 ES6 新增的简写函数写法

核心作用：代码更简洁 + 自动绑定 this

本质：一种更简洁的函数声明方式

符号：=>

特点： 不用写 function 关键字

不用写 return（单行时自动返回）

不绑定自己的 this（继承外层作用域的 this）

没有 arguments

单行代码不用大括号

2.navigator 对象（浏览器信息）

<script>
        console.log("\n==== navigation 对象 ====");
        console.log("浏览器信息",navigator.userAgent)
        console.log("操作系统平台",navigator.platform);
        console.log("浏览器语言",navigator.language);
        console.log("是否启用 Cookie:",navigator.cookieEnabled);
    </script>

3.loccation 页面跳转刷新方法

<script>
        location.reload();
        location.assign("https://www.baidu.com");
        // location.replace("https://www.baidu.com");
    </script>

reload：原地刷新

assign：记录浏览器历史可后退跳转

replace：直接跳转 不可后退

4.history 页面进退方法

<script>

        history.back();
        history.forward();
        history.go(-1);
        history.go(1);
        history.go(0);
    </script>

1. back() 后退上一页

2. forward() 前进下一页

3. go(n) 跳转指定页数

<script>
        // 存对象（必须转字符串）
       const user ={name:"li",age:18,city:"上海"}
       localStorage.setItem("user",JSON.stringify(user));
       // 取对象（必须解析回来）
       const userinfo = JSON.parse(localStorage.getItem("user"))
       console.log(userinfo.age);
       console.log(userinfo.city);
    </script>