首页 理论教育 使用History和Location对象的网页设计技巧

使用History和Location对象的网页设计技巧

更新时间:2025-01-18 工作计划 版权反馈
【摘要】:History对象的go方法也能实现浏览器的前进和后退功能,x说明前进或者后退的页数。forward()、back()方法和go()方法是History对象的常用方法。图10-13history前进后退方法该网页调用的history_goback.html文件内容如下:我们可以发现,通过使用“前进”按钮和History的forward方法和go方法,都可以实现网页前进功能。表10-3Location对象的属性href是Location对象的常用的属性,通过设置不同的网址,从而达到跳转的功能。

History对象是在JavaScript运行时自动生成创建的,由用户在一个浏览器中已浏览过的URLs组成,能够方便的完成IE浏览器的“前进”和“后退”功能,分别有forward()方法和back()方法完成。

History对象的go(x)方法也能实现浏览器的前进和后退功能,x说明前进或者后退的页数。当x为正时表示前进,等价于forward()方法,x为负时表示后退,等价于back()方法。

forward()、back()方法和go()方法是History对象的常用方法。

上面介绍了History的常用方法,下面通过实例详细了解其在代码中的使用方法。

在浏览器中打开这个网页,其效果如图10-13所示。

图10-13 history前进后退方法(www.xing528.com)

该网页调用的history_goback.html文件内容如下:

我们可以发现,通过使用“前进”按钮和History的forward方法和go方法,都可以实现网页前进功能。History方法的调用格式是:javascript:history.*。在JavaScript中,若调用的方法短小,则普遍采用这种调用方法,使用时一定要加上关键字“javascript”,否则调用方法将无法实现。

Location对象也是在JavaScript运行时自动生成创建的,相当于浏览器中的地址栏,它包含关于当前URL地址的信息,提供了一种重新加载当前URL的方法,此外,它还可以解析URL。Location对象的属性参见表10-3。

表10-3 Location对象的属性

href是Location对象的常用的属性,通过设置不同的网址,从而达到跳转的功能。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈