洞悉互聯(lián)網(wǎng)前沿資訊,探尋網(wǎng)站營銷規(guī)律
作者:Smileby陌少羽 | 2019-04-14 11:16 |點(diǎn)擊:
在制作網(wǎng)頁的時(shí)候,經(jīng)常在網(wǎng)頁上要用到“返回上一頁”的功能。
這一功能在制作網(wǎng)頁的時(shí)候會有多種編碼方法,在此,
我將比較常用的幾種編碼的寫作方法在下面列出來,供參考使用。
方法一、以按鈕點(diǎn)擊的方式實(shí)現(xiàn):
<input type="button" name="Submit" value="返回上一頁" onclick="javascript:window.history.back(-1);">
或者
<input type="button" name="Submit" value="返回上一頁" onclick="javascript:history.back(-1);">
方法二、以圖片點(diǎn)擊的方式實(shí)現(xiàn):
<img src="圖片的路徑" onclick="javascript:window.history.back(-1);" title="返回上一頁" alt="返回點(diǎn)擊圖片" />
或者
<img src="圖片的路徑" onclick="javascript:history.back(-1);" title="返回上一頁" alt="返回點(diǎn)擊圖片" />
方法三、文字點(diǎn)擊的方式實(shí)現(xiàn):
<a href="javascript:history.back(-1)">返回上一頁</a>
或:
<a href="#" onClick="javascript:history.back(-1);">返回上一頁</a>
方法四、圖片鏈接的方式實(shí)現(xiàn):
<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>
注意:
<input type="button" name="back" value="重新填寫" onclick="javascript:history.back(-1);"/> history.back(-1):直接返回當(dāng)前頁的上一頁,數(shù)據(jù)全部消息,是個(gè)新頁面 history.go(-1):也是返回當(dāng)前頁的上一頁,不過表單里的數(shù)據(jù)全部還在