增加/减少 URL 路径名单击

increment / decrement a url pathname click

本文关键字：路径名 单击 URL 减少 增加      更新时间：2024-05-25

我有一个URL结构像 www.example.com/en-US/some-campaign-2469/的网站。

在我的页面上，我硬编码了"下一个"和"上一个"链接

，这些链接应该将用户带到"下一个"单击上的/some-campaign-2470"和"上一个"单击上的"/some-campaign-2468"。

我已经设法通过使用检索/en-US/some-campaign-2469/ 的window.location.pathname访问了 url 的路径。

到目前为止一切顺利，但我似乎无法理解的是，在单击我的下一个/上一个按钮时，如何定位 url 的最后一部分并增加/减少 href。

您可以使用

split将路径名划分为多个段：

var splitPath = path.split('/');
var lastSegment = splitPath[splitPath.length-1];
var splitSegment = lastSegment.split('-');
var page = splitSegment[splitSegment.length-1];

警告 - 未经测试的代码！

编辑：您必须修剪其尾随/的原始路径名字符串才能正常工作。然后，您还必须使用 parseInt 将page变量解析为整数。然后，您可以添加/减去您的心内容。

这是我可能会做的... 拉取网址，但我会确保网址末尾没有查询字符串 - 即 /some-campaign-2469/?someQueryText 

var url = [location.protocol, '//', location.host, location.pathname].join('');

然后抓取 URL 的最后一位数字：

var seg = url.split('-');
var pageNum = seg[seg.length - 1].split('/'); //pageNum = 2469

应始终保证您获得页码。

相关文章：