Javascript 基于文件夹内容创建超链接_Javascript_Html

Javascript 基于文件夹内容创建超链接

javascript html

Javascript 基于文件夹内容创建超链接,javascript,html,Javascript,Html,我想在页面上创建指向其根文件夹中某些文件的超链接例如： \Homepage.html-这将包含以下超链接： \1.html \2.html \3.html etc. 我可以简单地手动完成这项工作，但我想随着文件数量（1,2,3…）的增加，自动完成这一过程 JavaScript可以做到这一点吗？如果是这样，怎么做？JavaScript无法做到这一点。您可以设置一个返回文件夹内容JSON的PHP（或其他服务器端脚本），因为服务器端语言确实可以访问该内容，然后使用AJAX调用该脚本 JavaScr

我想在页面上创建指向其根文件夹中某些文件的超链接

例如：

\Homepage.html

-这将包含以下超链接：

\1.html
\2.html
\3.html
etc.

我可以简单地手动完成这项工作，但我想随着文件数量（1,2,3…）的增加，自动完成这一过程

JavaScript可以做到这一点吗？如果是这样，怎么做？

JavaScript无法做到这一点。您可以设置一个返回文件夹内容JSON的PHP（或其他服务器端脚本），因为服务器端语言确实可以访问该内容，然后使用AJAX调用该脚本

JavaScript在客户端工作，在浏览器中，您需要的是服务器端脚本，例如PHP

JavaScript不能这样做

JavaScript在客户端工作，在浏览器中，您需要的是服务器端脚本，例如PHP

JavaScript不能这样做

您需要在页面中放置一个带有ID的HTML元素：

<div id="foo"></div>

然后，使用JavaScript

for (var i = 1 ; i <= 10 ; i++) {
    document.getElementById("foo").innerHTML += "<a href=\"" + i + ".html\">Link " + i + "</a>";
}

for（var i=1；i您需要在页面中放置一个带有ID的HTML元素：
<div id="foo"></div>



然后，使用JavaScript
for (var i = 1 ; i <= 10 ; i++) {
    document.getElementById("foo").innerHTML += "<a href=\"" + i + ".html\">Link " + i + "</a>";
}

for（var i=1；i我感觉你在问关于使用JavaScript的问题，因为你可能根本不知道该怎么做。如果我错了，那么我道歉。那就是说
正如其他人所说，JS无法单独完成这项工作。您需要一个服务器组件（如PHP）阅读目录以获取其文件。从这一点来看，您有很多选择。我的建议是，除非您有使用它的要求，否则请完全忘记JS。只需使用DHTML，这是PHP的一个基本功能。将此文件称为类似于main.PHP
：
<html>
<body>
<?php
// Read directory, spit out links
if ($handle = opendir('.')) {
    while (false !== ($entry = readdir($handle))) {
        if ($entry != "." && $entry != "..") {
            echo '<a href="/'.$entry.'">Link to file '.$entry.'</a><br>';
        }
    }
    closedir($handle);
}
?>
</body>
</html>

您可能需要调整href
值，以反映html文件相对于根文件夹的路径
干杯
我感觉你在问关于使用JavaScript的问题，因为你可能根本不知道该怎么做。如果我错了，那么我道歉。那就是说
正如其他人所说，JS无法单独完成这项工作。您需要一个服务器组件（如PHP）阅读目录以获取其文件。从这一点来看，您有很多选择。我的建议是，除非您有使用它的要求，否则请完全忘记JS。只需使用DHTML，这是PHP的一个基本功能。将此文件称为类似于main.PHP
：
<html>
<body>
<?php
// Read directory, spit out links
if ($handle = opendir('.')) {
    while (false !== ($entry = readdir($handle))) {
        if ($entry != "." && $entry != "..") {
            echo '<a href="/'.$entry.'">Link to file '.$entry.'</a><br>';
        }
    }
    closedir($handle);
}
?>
</body>
</html>

您可能需要调整href
值，以反映html文件相对于根文件夹的路径
干杯
可能的解决方法：
从命令行列出文件夹内容
将输出用作浏览器中的输入，或者在html输入字段中复制粘贴内容，或者使用某种拖放方法
要在Windows（非Unicode）下列出，请执行以下操作：
dir*.exe/B/S/O-G
如果要将内容保存到文件中
dir*.exe/B/S/O-G>contentList.txt
可能的解决方法：
从命令行列出文件夹内容
将输出用作浏览器中的输入，或者在html输入字段中复制粘贴内容，或者使用某种拖放方法
要在Windows（非Unicode）下列出，请执行以下操作：
dir*.exe/B/S/O-G
如果要将内容保存到文件中
dir*.exe/B/S/O-G>contentList.txt
JavaScript本身不能，但通过使用AJAX你可以。这里有很多关于使用AJAX的建议，等等。为什么要使用JavaScript呢？使用PHP读取目录并将链接写成动态HTML。Done.JavaScript本身不能，但通过使用AJAX你可以。这里有很多关于使用AJAX的建议，等等。为什么要使用AJAXJavaScript？使用PHP读取目录并以dynamic HTML.Done的形式编写链接。如果有其他文件，如first_page.HTML或gears.HTML，会发生什么？编辑：编辑答案时只是注释。xDI只是使用给定的示例，它们有编号的页面。如果是我，我会从谢谢大家：）我将研究PHP和AJAX@zeyorama顺便说一句，发布一个可能有用的答案比“你做不到”更有帮助。阅读第一句，而不是第二句，你就明白了；-）如果有其他文件，比如first_page.html或gears.html，会发生什么？编辑：编辑答案时，仅发表评论。xDI只是使用了给出的示例，即他们已经对页面进行了编号。如果是我，我会从服务器上获取一个JSON对象，并对其进行迭代AJAX@zeyorama顺便说一句，发表一个可能有用的答案比“你做不到”更有帮助。读第一句，而不是第二句，你就明白了；-）为什么？只需使用PHP将数据写入JS变量，并在页面加载时对其进行操作。这里根本不需要AJAX。事实上，为什么要使用JS呢？使用AJAX脚本将使代码更干净、更可重用（这一点也不难做到）。如果需要，它还允许在不刷新页面的情况下显示更新。否。对于这样一个简单的问题，使用Ajax是不必要的复杂。仅仅因为你能，并不意味着你应该。如果需要在不加载页面的情况下显示更新，那么最好使用AJAX。否则你就要用大锤来敲大头钉了。同时你也引入了一大堆的复杂性。我认为可能会有这样的需求，因为否则你为什么不用PHP来完成所有的工作呢？为什么？只需使用PHP将数据写入JS变量，并在页面加载时对其进行操作。这里根本不需要AJAX。事实上，为什么要使用JS呢？使用AJAX脚本将使代码更干净、更可重用（这一点也不难做到）。它还允许在不显示更新的情况下显示更新