HTML 網頁設計筆記 > HTML 回到上一頁按鈕 back button

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

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

更多 HTML 按鈕設計

• HTML button 按鈕背景顏色設計
• HTML button 按鈕背景圖片
• HTML 清除表單按鈕 button reset
• HTML button 按鈕的邊框樣式與顏色設計

累積熱門文章

• HTML input type text 表單文字欄位
• HTML input type password 表單密碼欄位
• 透過 colspan 合併 HTML Table 表格欄位
• HTML select option 下拉選單設計
• 修改按鈕大小 Set HTML button size
• HTML 表格設計篇 TABLE
• 如何設計網頁跑馬燈
• HTML Form 表單設計
• 圖片型網頁跑馬燈設計
• HTML input type hidden 表單隱藏欄位應用

今日熱門文章

• HTML Table cellspacing 屬性
• HTML span 標籤
• HTML textarea 多行文字欄位設計
• HTML button 按鈕背景顏色設計
• HTML 表格設計篇 TABLE
• HTML Table 表格欄位背景顏色
• 超連結網頁跑馬燈設計
• HTML input type password 表單密碼欄位
• 滑鼠移入就停止的網頁跑馬燈設計
• HTML 的註解寫法規則

HTML 網頁設計是網際網路的基礎標準，透過簡單的 HTML 語法，輕鬆製作出精美的網頁，想學習 HTML 網頁設計嗎？歡迎常來看我的 HTML 網頁設計學習筆記，陸續分享更多技巧。