紀錄工作經驗、相關知識,解決技術相關問題。

Javascript, 新手 Jamp Holes, 未分類, 網站相關

JS 實作瀏覽器 上一頁/下一頁 按鈕功能

使用 JS 控制上一頁/下一頁,通常是在手機版網頁會用到的控制功能,可以讓控制如同PC瀏覽器左上角的上下頁按鈕,這邊隨手整理一下,有需要可以自取。

JS 上一頁

回上一頁有兩個方法,方法如下:

history.back()
history.go(-1)

JS 下一頁

history.forwar()

指定往前幾頁

控制指定往前多少頁,使用 history.go(),帶入要往前的頁數就好,比如要上一頁帶入 -1,要往前3頁,就帶入 -3,以此類推

// 指定往前一頁(上一頁)
history.go(-1)

// 指定往前3頁
history.go(-3)

發表迴響