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 既能获取,又能设置