使用Javascript链接到下一页和上一页

时间:2015-07-04 18:33:04

标签: javascript next

我的网页链接如下:

  • site.com/news/2015-01-12-的 8
  • site.com/news/2015-01-18-的 9
  • site.com/news/2015-02-02-的 10
  • site.com/news/2015-02-17-的 11

我需要更改最后一位数字。例如......

现在我在这个页面上:

site.com/news/2015-02-02-的 9

所以我的下一页链接应该是 site.com/news/2015-02-02- 10

我的上一页链接应该是 site.com/news/2015-02-02- 8

我想制作看起来像这样的页面

https://dl.dropboxusercontent.com/u/23508679/site-scr.png

非常感谢你的帮助

1 个答案:

答案 0 :(得分:1)

我认为你可以存储图像的当前索引。您可以使用正则表达式提取最后一位数字。

使用图片链接提取最后数字的JS代码:

var currentIndex = parseInt("site.com/news/2015-01-12-8".match(/(\d+)$/g)[0]);

并获取上一个和下一个链接:

var currentImageLink = "site.com/news/2015-01-12-8" // For example;
var nextPageLink = "site.com/news/2015-01-12-8".replace(/\d+$/g, currentIndex+1);
var previousPageLink = "site.com/news/2015-01-12-8".replace(/\d+$/g, currentIndex-1);

获得下一个和上一个链接后,将其设置为上一个和下一个锚链接。

希望它有所帮助。