javascript - 如何将一个html页面链接到另一个文件夹中的另一个页面

Question

无法将“rock-paper-scissors-game2”文件夹中的页面“index2.html”0 链接到“digital-clock”文件夹中的“index.html”。不确定代码是否错误或其他原因。

顺便说一句，我正在使用 Atom，但我不知道还能尝试什么，因为链接代码看起来是正确的。

<a href="rock-paper-scissors-game2/index2.html"> Game </a>

当我在 chrome 中运行它时，它给出了找不到文件的错误。

找不到您的文件 它可能已被移动或删除。 ERR_FILE_NOT_FOUND

Answer 1

要链接到您网站结构中的另一个文件，您应该使用 relative references .相对意味着，相对于当前加载的资源。

要访问同一文件夹中的内容:只需使用文件名:

<a href="file.html">Click Me<a>

要访问子文件夹中的内容:以子文件夹名称、斜线和文件名开头:

<a href="childFolder/file.html">Click Me<a>

要访问从站点根目录开始的内容，请以正斜杠开始路径:

<a href="/pathToFile">Click Me<a>

要访问父文件夹中的内容，请以两个点和一个正斜杠开头:

<a href="../file.html">Click Me<a>

要访问上述组合的内容，例如同级文件夹，您需要向上访问父文件夹，然后向下访问正确的子文件夹:

<a href="../digital-clock/index2.html">Click Me<a>

作为确保文件存在的初步测试，暂时将其放在与当前页面相同的文件夹中，看看我展示的第一个示例是否有效。否则，您遇到的问题与您想象的不同。

接下来，您提到 index2.html 位于 digital-clock 文件夹中，但您没有在链接中引用该文件夹，因此请确保包括那。但是，根据该文件夹的位置，您需要使用上面显示的方法。