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

Posted 2023-02-25

【中文标题】使用 Javascript 链接到下一页和上一页

【英文标题】：Link to the next and previous page with Javascript

【发布时间】：2015-07-04 18:33:03

【问题描述】：

我有一个页面的链接如下所示：

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

非常感谢您的帮助

【问题讨论】：

你试过了吗？

是的。我有这样的脚本，它可以工作 - jsfiddle.net/keduz913，但我遇到了问题。一些链接有这样的视图 - site.com/news/2015-01-9 我得到一个损坏的链接。

【参考方案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);

获得下一个和上一个链接后，将上一个和下一个锚链接设置为相同。

希望对你有帮助。

【讨论】：

是的，这正是我想要的！非常感谢！