JavaScript实例自学手册
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.4 页面的后退、刷新、前进

【实例描述】

后退、刷新和前进是页面浏览时最常用的操作,Windows自带的IE浏览器可以完成这三个功能,在Web应用系统中,有时需要屏蔽浏览器的工具栏,此时需要使用代码实现页面的这三个操作。本例学习如何使用代码完成页面的后退、刷新和前进。

【实现代码】

<script language="javascript">
function back()
{
    history.go(-1);  //后退1页
}
function forward()
{
    history.go(+1);  //前进1页
}
function refresh()
{
    history.go(-0)  //刷新
}
</script>

需要在body中添加三个按钮,分别调用上面的三个方法,代码如下所示。

<input type=button value=后退 onclick="back()">
<input type=button value=刷新 onclick="refresh()">
<input type=button value=前进 onclick="forward()">

【运行效果】

后退、刷新、前进操作按钮的运行界面如图1-4所示。

图1-4 后退、刷新、前进操作按钮的运行界面

【难点剖析】

本例的重点是“history”对象,其用来存储浏览器的历史记录,其参数为正数时,表示前进页面,负数则表示后退页面,如要后退2页则使用“history.go(-2)”。