HTML 回到上一頁按鈕 back button

HTML 回到上一頁按鈕(back button)可以採用 JavaScript 的語法來製作,設計概念是把 JavaScript 的 onclick 監聽功能加上 history.back() 效果,再套用至 HTML 的按鈕中,這樣就能夠完成一個具有"回到上一頁"功能的 HTML 網頁按鈕囉!也許這樣的敘述很難理解,這裡直接把應用的範例語法寫出來讓各位參考。

HTML 回到上一頁按鈕 back button 範例
功能: 在新視窗開啟程式碼文字檔
範例的效果
由於以上範例僅為一個示意,所以範例結果僅有視覺效果,沒有真正的"回到上一頁"功能,我們把回到上一頁的那段 JavaScript 取消,在實際套用在網頁中時,別忘了把 JavaScript 那段語法用上去,類似這樣的"回到上一頁按鈕"在許多網頁中都可以看到其應用,既然是"回到上一頁",如果網友直接開啟網頁並按下"回到上一頁"的按鈕是不會有反應的唷!因為這個按鈕是根據瀏覽器記錄的上一個流覽網頁而運作的。

更多 HTML 按鈕設計
分享於 2015-03-01