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