JavaScript--学习笔记26(BOM)

本文介绍了JavaScript中的screen对象,用于获取客户端显示器信息,以及history对象,用于处理浏览器历史记录和导航。重点讲解了如何调整窗口大小、使用history对象进行页面跳转以及其在自定义导航中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

四、screen 对象

        JavaScript 中有几个对象在编程中用处不大,而 screen 对象就是其中之一。 screen 对象基本上只用来表明客户端的能力,其中包括浏览器窗口外部的显示器的信息,如像素宽度和高度等。每个浏览器中的 screen 对象都包含着各不相同的属性。可以用到screen对象里边的属性来调整浏览器窗口大小,使其占据屏幕的可用空间,例如:
window.resizeTo(screen.availWidth, screen.availHeight);

五、history 对象

        history 对象保存着用户上网的历史记录,从窗口被打开的那一刻算起。因为 history window 对象的属性,因此每个浏览器窗口、每个标签页乃至每个框架,都有自己的 history 对象与特定的 window 对象关联。 出于安全方面的考虑,开发人员无法得知用户浏览过的 URL 。不过,借由用户访问过的页面列表,同样可以在不知道实际 URL 的情况下实现后退和前进。
        使用 go() 方法可以在用户的历史记录中任意跳转,可以向后也可以向前。这个方法接受一个参数,表示向后或向前跳转的页面数的一个整数值。负数表示向后跳转(类似于单击浏览器的“后退”按钮),正数表示向前跳转(类似于单击浏览器的“前进”按钮)。来看下面的例子。
//后退一页
history.go(-1); 
//前进一页
history.go(1); 
//前进两页
history.go(2);
        也可以给 go() 方法传递一个字符串参数,此时浏览器会跳转到历史记录中包含该字符串的第一个位置——可能后退,也可能前进,具体要看哪个位置最近。如果历史记录中不包含该字符串,那么这个方法什么也不做,例如:
//跳转到最近的 wrox.com 页面
history.go("wrox.com"); 
//跳转到最近的 nczonline.net 页面
history.go("nczonline.net");
        另外,还可以使用两个简写方法 back() forward() 来代替 go() 。顾名思义,这两个方法可以
模仿浏览器的“后退”和“前进”按钮。
//后退一页
history.back(); 
//前进一页
history.forward();
        除了上述几个方法外,history 对象还有一个 length 属性,保存着历史记录的数量。这个数量
包括所有历史记录,即所有向后和向前的记录。对于加载到窗口、标签页或框架中的第一个页面而言, history.length 等于 0 。通过像下面这样测试该属性的值,可以确定用户是否一开始就打开了你的页面。
if (history.length == 0){ 
 //这应该是用户打开窗口后的第一个页面
}
        注:虽然 history 并不常用,但在创建自定义的“后退”和“前进”按钮,以及检测当前页面是不是
用户历史记录中的第一个页面时,还是必须使用它。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值