0

我正在制作一种涉及大量单独 .html 文件的“html 应用程序”。“应用程序”是一种“专业提示”，在每一页上都是生活提示。我想知道是否有用于在同一目录中打开下一个 html 文件的代码，而不是更改每个 html 文件中的下一个提示来打开它。例子：

<a href="1.html">Next Tip</a>

然后在下一个提示的 html 文件中，我必须输入：

<a href="2.html">Next Tip</a>

等等：

<a href="3.html">Next Tip</a>

对不起，如果我不够清楚。

4

3 回答 3

0

如果您不想用大量的 CMD 和 PowerShell 弄脏您的手，您可以使用Bulk Rename Utility或Ant Renamer将所有文件重命名为有序的方式，例如 tip1.htm、tip2.htm 等。之后，将此 php 代码添加到您的主页：

<?php
$file="";
$counter=0;
$arr=array('tip','0','.htm');
function next_file()
{
    $counter=$counter+1;
    $arr[1]=streval($counter);
    include(join("", $arr));
}
?>

然后每次用户点击链接时调用 next_file() 函数。

于 2013-08-10T10:34:38.553 回答
0

如果您有 1.html、2.html 等文件，这将起作用。

在您的 html 页面上包含一个空白 div（您希望链接所在的位置）：

<div id="link"></div>

在页面中包含一个单独的 javascript 文件：

<script src="app.js"></script>

然后将其写入该 javascript 文件中：

window.onload = function() {
var maxPages = 3;

var url = window.location.pathname;
var filename = url.substring(url.lastIndexOf('/')+1);
var thenumber = filename.replace(".html", "");
thenumber++;
if (thenumber > maxPages) {
    document.getElementById("link").innerHTML = '<a href="1.html">Next Tip</a>';
} else {
    document.getElementById("link").innerHTML = '<a href="' + thenumber + '.html">Next Tip</a>';
}
}

设置maxPages为当您完成所有提示时，您将回到开头。

于 2013-08-10T11:18:07.437 回答
0

如果您想要一个仅限客户端的解决方案，这可能适用于您的场景。给 a 标签一个 id 并将脚本部分添加到非常页面。它将解析您当前的文件名，从中解析数字，添加一个并构建下一个 url，替换a标签上的该值

<html>
<head>
<script src="nav.js"></script>
</head>
<body>
<!-- REMEMBER TO PUT THE ID ON IT -->
<a id="next" href="n.html">next</a>
</body>
</html>

并在您的文件夹中创建一个名为的新文件nav.js并将此代码添加到其中：

window.onload = function() {
    var a=document.getElementById('next'),
        l=document.location.href,
        s=Math.max(l.lastIndexOf('\\'),l.lastIndexOf('/')),
        d=l.indexOf('.'),
        f=l.substring(s+1,l.indexOf('.')),
        p=l.substring(0,s+1),
        e=l.substring(s+1+f.length, l.length),
        n=parseInt(f,10) + 1;
    if (a) {
       a.href= p + n.toString()+e;
    }
};
于 2013-08-10T10:52:40.137 回答