我有 300 多个 html 页面,每个页面都以 3 个数字命名,最后示例第一页名为 gs001.html,第二个 gs002.html,第三个 gs003.html 等......直到 gs330.html
我需要上一个和下一个按钮的代码(最好是在所有页面上粘贴相同的代码)例如,如果我在页面 gs150.html 上,需要上一个按钮去 gs149.html 和下一个按钮去 gs151 .html
这可能吗?
我有 300 多个 html 页面,每个页面都以 3 个数字命名,最后示例第一页名为 gs001.html,第二个 gs002.html,第三个 gs003.html 等......直到 gs330.html
我需要上一个和下一个按钮的代码(最好是在所有页面上粘贴相同的代码)例如,如果我在页面 gs150.html 上,需要上一个按钮去 gs149.html 和下一个按钮去 gs151 .html
这可能吗?
如果您的服务器上可用,请使用 PHP。在每个页面的顶部放置一行 PHP 来指定页码,或者让顶部的 PHP 从文件名中计算出页码。
然后在每个页面的底部包含一个标准化的 PHP 文件,在给定当前页码的情况下计算上一页和下一页。
以下是仅使用 HTML 和 JavaScript 的方法:
<html>
<body>
<script>
function getNewUrl(addNum) {
var url = window.location.pathname;
var lastIndex = url.lastIndexOf('/');
var filename = url.substring(lastIndex + 1);
var newFileName = filename.substring(0, 2) +
pad(parseInt(filename.substring(2, 5), 10) + addNum, 3) +
filename.substring(5);
return url.substring(0, lastIndex) + newFileName;
}
function pad(number, length) {
var str = '' + number;
while (str.length < length) {
str = '0' + str;
}
return str;
}
</script>
<button id="previous" onclick="window.location = getNewUrl(-1)">Previous</button>
<button id="next" onclick="window.location = getNewUrl(1)">Next</button>
</body>
</html>
您可以将代码主体放在文件中并尝试一下。
请注意,我以快速而肮脏的方式编写了上面的代码。如果您要进行生产,您可能希望使用无障碍的 JavaScript 并进行一些错误处理……这完全取决于您的应用程序。