2013年8月30日 星期五

JavaScript 回到上一頁

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

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

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

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


使用範例

<a href="javascript:history.go(-1);"></a>

沒有留言:

張貼留言