实现 ./tbkl3.html 点击下一页后自动根据规律打开 ./tbkl4.html-技术教程-王剑编程网

实现 ./tbkl3.html 点击下一页后自动根据规律打开 ./tbkl4.html 的方法：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page tbkl3</title>
    <script>
        function goToNextPage() {
            // 获取当前页面的文件名
            var currentPage = window.location.pathname.split('/').pop();
            var pageNumber = parseInt(currentPage.replace(/\D/g, ''));
            // 假设页面命名规律是数字递增
            var nextPageNumber = pageNumber + 1;
            var nextPage = './tbkl' + nextPageNumber + '.html';
            window.location.href = nextPage;
        }
    </script>
</head>
<body>
    <button onclick="goToNextPage()">下一页</button>
</body>
</html>

代码解释：

window.location.pathname.split('/').pop();：通过 window.location.pathname 获取当前页面的路径，然后使用 split('/') 将其拆分成数组，最后使用 pop() 方法获取数组的最后一个元素，即当前页面的文件名。
parseInt(currentPage.replace(/\D/g, ''));：将文件名中的非数字字符移除，然后将结果转换为整数。
var nextPageNumber = pageNumber + 1;：计算下一页的数字部分。
var nextPage = './tbkl' + nextPageNumber + '.html';：根据下一页的数字部分构造下一页的文件名。
window.location.href = nextPage;：将浏览器的位置重定向到下一页。

王剑编程网

分享专业编程知识与实战技巧

实现 ./tbkl3.html 点击下一页后自动根据规律打开 ./tbkl4.html