上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)”。