建站教程

网页上的“返回上一页”的几种实现代码

更新时间:2025-03-13 浏览量:

在制作网页的时候,经常在网页上要用到“返回上一页”的功能。这一功能在制作网页的时候会有多种编码方法,在此,我们将比较常用的几种编码的写作方法在下面列出来,供各位技术人员参考使用。  

方法一、以按钮点击的方式实现:  

<inputtype="button"name="Submit"value="返回上一页"onclick="javascript:window.history.back(-1);">

或者  

<inputtype="button"name="Submit"value="返回上一页"onclick="javascript:history.back(-1);">

方法二、以图片点击的方式实现:  

<imgsrc="图片的路径"onclick="javascript:window.history.back(-1);"title="返回上一页"alt="返回点击图片"/>

或者  

<imgsrc="图片的路径"onclick="javascript:history.back(-1);"title="返回上一页"alt="返回点击图片"/>

方法三、文字点击的方式实现:  

<ahref="javascript:history.back(-1)">返回上一页</a>

或:  

<ahref="#"onClick="javascript:history.back(-1);">返回上一页</a>

方法四、图片链接的方式实现:  

<ahref="javascript:window.history.back(-1)"target="_self"><imgsrc="图片的路径"/></a>

或者  

<ahref="javascript:history.back(-1)"target="_self"><imgsrc="图片的路径"/></a>

方法五、过几秒钟后返回上一页代码:  

<scriptlanguage="javascript">setTimeout("window.history.go(-1)",3000)</script>

或者  

<scriptlanguage="javascript">setTimeout("history.go(-1)",3000)</script>