window浏览器事件

window浏览器事件
load 加载
window.onload不仅是页面的加载，还在等待资源的加载
document.onload仅仅是页面的加载
document.onreload仅仅是页面的加载
resize 改变大小
scrool 滚动
hihstory历史记录
控制浏览器的“前进后退刷新”等于历史记录相关的功能
不方便在代码中临时测试，所以在浏览器中打开其他页面测试
属性：
历史记录的个数：history.length
方法：
前进：history.forword();
后退：history.back();
前进或者后退指定的步数，history.go(num);num为正前进，为负后退
location:地址url
控制浏览器的地址栏的内容
不方便在代码中临时测试，所以在页面的地址，设置之后，页面汇会自动进行跳转。
js实现跳转的方式：
location.href
既可以获取也可以设置：当前页面地址中向后台发送的数据部分，页面也会跳转;
location.search
既可以获取也可以设置：当前页面地址的锚点连接（哈希值，#后的部分），页面也会跳转
location.hash
方法：重新加下当前的地址，意味着刷新了；
location.reload();
跳转方法，必须传参，空字符刷新，指定地址会跳转；
location.assign("");
navigator:浏览器信息

• navigator.userAgent：浏览器信息
  • “Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.129 Safari/537.36”
  • navigator.appName：浏览器名字（废弃）
    • “Netscape”
  • navigator.appVersion：浏览器版本
    • “5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.129 Safari/537.36”
  • navigator.appCodeName：浏览器内核
    • “Mozilla”
  • navigator.platform：运行系统
    • “MacIntel”
      screen：屏幕尺寸
      显示器的分辨率
      frames 框架
      补充：
      获取页面的可视区域的大小
      document.documentElement.clientWidth
      document.documentElement.clientHeight
      -只能获取，布恩那个设置
      获取滚走的距离
      document.documentElement.scroolTop
      document.documentElement.scroolLeft
      既能获取，又能设置