当前位置
:
学海荡舟
->
电脑乐园
-> JavaScript实例
向 前 向 后 翻 页
效 果 演 示
:
源代码如下
:
这段程序放在<body>与</body>之间
<a href ="" onClick="parent.history.back(); return false;" onMouseOver="self.status='后退' ;return true;"><img src="img/1.gif" border=0 ></a> <a href ="" onClick="parent.history.forward(); return false;" onMouseOver="self.status='前进'; return true;"><img src="img/2.gif" border=0 width="60" height="56" ></a>
源程序讲解:
onClick="parent.history.back(); return false;" onMouseOver="self.status='后退' ;return true;
当点击图标时,从当前正在执行调用的文档中,回到上一次访问的历史纪录。当鼠标放在图标上时,状态栏上显示“后退”两字。
onClick="parent.history.forward(); return false;" onMouseOver="self.status='前进'; return true;
当点击图标时,从当前正在执行调用的文档中,装入在URL纪录上的下一个文档。当鼠标放在图标上时,状态栏上显示“前进”两字。
注:图片放在与文件同级的“img”文件夹中,名为1.gif 和2.gif。