打开目录中的下一个html文件_Html_Navigation

打开目录中的下一个html文件

html navigation

打开目录中的下一个html文件,html,navigation,Html,Navigation,我正在制作一种“html应用程序”，它包含大量独立的.html文件。“应用程序”是一种“专业提示”的东西，在每一页上，都是一个生活提示。我想知道是否有代码用于打开同一目录下的下一个html文件，而不是更改每个html文件中的下一个提示来打开它。示例：然后在下一个技巧的html文件中，我必须放：等等：如果我不够清楚，很抱歉。您可以使用或如果您不想用大量CMD和PowerShell弄脏您的手，将所有文件按顺序重命名，例如tip1.htm、tip2.htm等。之后，将以下php

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

然后在下一个技巧的html文件中，我必须放：

等等：

如果我不够清楚，很抱歉。

您可以使用或如果您不想用大量CMD和PowerShell弄脏您的手，将所有文件按顺序重命名，例如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（）函数。

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

标记上的该值

<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>

如果你有文件1.html，2.html等，这将工作

在html页面上包含一个空白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>';
}
}

window.onload=function（）{
var-maxPages=3；
var url=window.location.pathname；
var filename=url.substring（url.lastIndexOf（'/'）+1）；
var thenumber=filename.replace（“.html”，”）；
数字++；
如果（编号>最大页数）{
document.getElementById（“link”）.innerHTML=''；
}否则{
document.getElementById（“link”）.innerHTML=''；
}
}

设置

maxPages

，这样当你完成所有提示后，你就可以回到开头了。

好吧，如果它是这样编号的，为什么你不迭代一下呢？你想用什么（编程）语言？您需要使用服务器端脚本来读取目录，或者您可以使用JavaScript来读取目录，但这不会为您读取目录。感谢这一个非常有用：D我对php中的另一个没有太多经验，因此感谢：）

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

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>';
}
}