Question

我有超过300个html页面，每个页面的名称相同，最后一个例子中有3个数字第一页名为gs001.html，第二页为gs002.html，第三名为gs003.html等...直到gs330.html

我需要上一个和下一个按钮的代码（最好将代码粘贴到所有页面上）例如，如果我在页面gs150.html上，需要前一个按钮转到gs149.html，然后按下按钮转到gs151.html

这可能吗？

Answer 1

如果您的服务器上有PHP，请使用PHP。在每个页面的顶部放置一行PHP，用于指定页码，或者让顶部的PHP从文件名中找出页面编号。

然后在每个页面的底部包含一个标准化的PHP文件，该文件在给定当前页面编号的情况下处理上一页和下一页。

Answer 2

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

如何在prev和next按钮的多个html页面上添加相同的代码？

2 个答案: