histroy
history对象是windows子对象。包含浏览器历史记录信息 ,所以每个 window 都有自己的 history 对象。出于安全考虑,这个对象不会暴露用户访问过的 URL, 但可以通过它在不知道实际 URL 的情况下前进和后退
- go()方法
go()方法可以在用户历史记录中沿任何方向导航,可以前进也可以后退。
| 事例 | 描述 |
|---|---|
| history.go(-1) | 后退一页 |
| history.go(1); | 前进一页 |
| history.go(2) | 前进两页 |
go()方法的参数也可以是一个字符串,这种情况下浏览器会导航到历史中包含该字符串的第一个位置。最接近的位置可能涉及后退,也可能涉及前进。如果历史记录中没有匹配的项,则这个方法什么也不做,如下所示:
| 事例 | 描述 |
|---|---|
| history.go("baidu.com") | 导航到最近的baidu.com 页面 |
| history.go("juejin.cn/?utm_source=gold_browser_extension"); | 导航到最近的juejin.cn/?utm_source=gold_browser_extension页面 |
历史记录个数:history.length 对于窗口或标签页中加载的第一个页面,history.length 等于1。
前进一页:history.forward()
后退一页:history.back();
screen
| 属 性 | 说 明 | 值 |
|---|---|---|
| availHeight | 屏幕像素高度减去系统组件高度(只读) 系统组件-- 底部任务栏--隐藏任务栏值等于height | 816 |
| availLeft | 没有被系统组件占用的屏幕的最左侧像素(只读) | 0 |
| availTop | 没有被系统组件占用的屏幕的最顶端像素(只读) | 0 |
| availWidth | 屏幕像素宽度减去系统组件宽度(只读)win11 新版本任务栏位置不可移动和常数无异 | 1536 |
| colorDepth | 表示屏幕颜色的位数;多数系统是32(只读)我的是24,。。。。 | 24 |
| heigh | 屏幕像素高度 | 864 |
| left | 当前屏幕左边的像素距离 | undefined or 0 |
| pixelDepth | 屏幕的位深(只读) | 24 |
| top | 当前屏幕顶端的像素距离 | undefined or 0 |
| width | 屏幕像素宽度 | 1536 |
| orientation | 返回Screen Orientation API 中屏幕的朝向 | 对象 |
left,top
兼容极低,可以说没有