1. 程式人生 > >網頁上的“返回上一頁”的幾種實現程式碼

網頁上的“返回上一頁”的幾種實現程式碼

在製作網頁的時候,經常在網頁上要用到“返回上一頁”的功能。這一功能在製作網頁的時候會有多種編碼方法,在此,我們鄭州網站建設公司將比較常用的幾種編碼的寫作方法在下面列出來,供各位技術人員參考使用。
方法一、以按鈕點選的方式實現:

<input type="button" name="Submit" value="返回上一頁" onclick="javascript:window.history.back(-1);">
或者
<input type="button" name="Submit" value="返回上一頁" onclick="javascript:history.back(-1);"
> 方

法二、以圖片點選的方式實現:

<img src="圖片的路徑" onclick="javascript:window.history.back(-1);" title="返回上一頁" alt="返回點選圖片" />
或者
<img src="圖片的路徑" onclick="javascript:history.back(-1);" title="返回上一頁" alt="返回點選圖片" />

方法三、文字點選的方式實現:

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

方法四、圖片連結的方式實現:

<a href="javascript:window.history.back(-1)" target="_self"><img src="圖片的路徑" /></a>
或者
<a href="javascript:history.back(-1)" target="_self"><img src="圖片的路徑" /></a>

法五、過幾秒鐘後返回上一頁程式碼:

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