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