JavaScript 回上一頁與前往下一頁語法

在網頁上有時候會看到上一頁或下一頁這樣的按鈕選項,通常有兩種做法,一種是直接透過 PHP 或其它 Server 端程式語言,分配上一頁或下一頁的網址給按鈕,另一種做法是直接用 JavaScript 的 history 來做到(當然 history 也是可以給特定値)。

JavaScript 上一頁語法

history.go(-1) // 返回上一頁 history.go(-2) // 返回上兩頁 history.back() // 返回上一頁


範例中的 -1 或 -2 可以根據你的需求而做修改,也可以直接給要前往的頁面網址,要記住的是,如果瀏覽器沒有紀錄該網頁的上一頁,則這樣的寫法可能會無法發生效用。除了返回上一頁之外,JavaScript 也有前往下一頁的方法唷!

JavaScript 前往下一頁語法

window.history.forward() //前往下一頁


延伸閱讀
HTML button onclick 跳頁做法範例,也可以回上一頁
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012