如何使用变量重定向将下一个和上一个按钮添加到已构建的页面 [已关闭]-解网

问：

已关闭。这个问题需要细节或澄清。它目前不接受答案。

想改进这个问题吗？通过编辑这篇文章添加详细信息并澄清问题。

6天前关闭。

改进此问题

因此，我建立了这个 jouraling 网站作为自己的消遣时间。我将所有条目作为单独的网页放在一个文件夹中。我注意到的一件事是，我没有办法继续阅读网站。

我想添加将根据当前 url 重定向的按钮。例如，在第 5.html 页上，下一个按钮将重定向到 6.html，上一个按钮将重定向到 4.html。

我的所有条目都遵循上述命名方案，因此这不是问题。

我能想到的唯一解决方案是手动添加带有正确链接的按钮。有 35 页（更多）页面，所以我不急于暴力破解它

我绝对认为有更好的方法可以做到这一点，所以我问了一些比我聪明的人。

javascript php html css 博客

老实说，我不知道您将如何在正确的位置将所有这些按钮插入到您的页面中。也许如果每个页面都遵循相同的结构，则可以使用DOM解析器在每种情况下将它们注入正确的位置。你没有显示你的页面结构和html，或者你想把按钮放在哪里，所以很难更具体。

2赞 ADyson 11/10/2023

即使你不想迁移到一个现成的平台，你也应该考虑将你的帖子内容保存在数据库中而不是静态文件中，然后使用一些脚本（例如.php）根据要求将它们提供给页面模板。这样一来，它就可以避免这样的问题，即你可能在许多页面上有大量重复的标准代码，当你想进行这样的升级时，会导致问题。它还可以使用 php 和 sql 进行搜索、排序、分页、过滤等。这就是大多数基于 Web 的应用程序处理数据存储的方式。

0赞 Nakul Bhat 11/10/2023

谢谢你的建议。我一定会在我的下一个项目中实现一个数据库。我这样做是为了测试自己。我计划每年制作一个不同的版本，只是为了跟踪我多年来的进步情况。

0赞 Nakul Bhat 11/10/2023

这是我网站旧版本的github存储库的链接，但具有相同的结构和代码。GitHub Pages 部署 - nakulbhat.github.io/thegoodjar;Github 存储库 github.com/nakulbhat/thegoodjar .我将不胜感激您的任何其他建议！

答：

0赞 Nakul Bhat 11/10/2023 #1

下面的JS代码

    let str = window.location.href;
    console.log("Original String: " + str + "<br/>");

    // Matching for the numbers using the match() method.
    let numbers = str.match(/\d+/g);
    console.log("Numbers: " + numbers + "<br/>");  

   // Converting the numbers into integer using parseInt() method.
   numbers = parseInt(numbers, 10);
   let nexturl = "file:///home/nakul/gitclones/thegoodjar/entries/" + (numbers+1) + ".html";
    function next (){
    location.assign(nexturl);
}
function prev (){
    location.assign("file:///home/nakul/gitclones/thegoodjar/entries/" + (numbers-1) + ".html");
}

还有很大的改进空间，但主要我应该努力使这段代码具有可移植性。

如何使用变量重定向将下一个和上一个按钮添加到已构建的页面 [已关闭]

How to add next and prev buttons to already built pages with variable redirects [closed]

评论

评论