BOM浏览器对象--histroy篇

42 阅读2分钟

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屏幕像素高度减去系统组件高度(只读) 系统组件-- 底部任务栏--隐藏任务栏值等于height816
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 中屏幕的朝向对象

Snipaste_2023-04-23_15-23-29.png

left,top

兼容极低,可以说没有

lefttop.png

Snipaste_2023-04-23_15-18-02.png