BOM-浏览器操作对象模型之history和screen对象

开发技术前端

字数统计: 454阅读时长: 1 min

 2018/08/21 

emmmmm今天把剩下的两个Browser对象搞定

history对象

history对象储存浏览器窗口的浏览历史，通过window对象的history属性可以访问该对象，其储存的是最近访问的、有限条目的URL信息。为了保护客户端浏览信息的隐私性，history对象机制脚本直接操作访问这些信息。其方法如下：

其属性只有一个，length，该属性可读取列表中的URL个数，并可以调用以上的方法来访问数组中的URL。具体如下。

back()：返回前一个URL。
forward()：访问下一个URL。
go()：可根据参数决定访问的URL:
- 如果参数为正整数，就在历史列表中向前移动；负整数就向后移动，0为刷新。
- 如果一个参数字符串，则该对象可在浏览历史中检索包含该字符串的URL，并访问第一个。

screen对象

screen对象储存客户端屏幕信息，可以用来探测客户端硬件的基本配置，该对象可用于优化程序的设计，满足不同用户的显示要求。

比如让一个弹出窗口居中显示：

function center(url){ 	// 窗口居中处理函数
    var w = screen.availWidth / 2; 	// 获取客户端屏幕的宽度一半
    var h = screen.availHeight / 2; 	// 获取客户端屏幕的高度一半
    var t = (screen.availHeight - h)/2; 	// 计算居中显示时顶部坐标
    var l = (screen.availWidth - w)/2; 	// 计算居中显示时左侧坐标
    var p = "top=" + t + ",left=" + l + ",width=" + w + ",height=" + h; 
	// 设计坐标参数字符串
    var win = window.open(url,"url",p); 	// 打开指定的窗口，并传递参数
    win.focus();	// 获取窗口焦点
}
center("https://www.baidu.com/");	// 调用该函数

原文作者：f10@t

原文链接：https://lzwgiter.github.io/posts/20cf0786/

发表日期：August 21st 2018, 1:42:36 pm

更新日期：December 2nd 2024, 9:00:02 pm

Next Post

DOM 文档对象模型
Previous Post

BOM 浏览器操作对象模型之navigator、location对象

CATALOG

1. history对象
2. screen对象