-1

我有 300 多个 html 页面,每个页面都以 3 个数字命名,最后示例第一页名为 gs001.html,第二个 gs002.html,第三个 gs003.html 等......直到 gs330.html

我需要上一个和下一个按钮的代码(最好是在所有页面上粘贴相同的代码)例如,如果我在页面 gs150.html 上,需要上一个按钮去 gs149.html 和下一个按钮去 gs151 .html

这可能吗?

4

2 回答 2

1

如果您的服务器上可用,请使用 PHP。在每个页面的顶部放置一行 PHP 来指定页码,或者让顶部的 PHP 从文件名中计算出页码。

然后在每个页面的底部包含一个标准化的 PHP 文件,在给定当前页码的情况下计算上一页和下一页。

于 2013-11-15T09:19:57.877 回答
1

以下是仅使用 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 并进行一些错误处理……这完全取决于您的应用程序。

于 2013-11-15T09:34:40.723 回答