Question

如果我有主文件夹，在主文件夹内有两个子文件夹，在每个子文件夹中都有一个页面，例子（在第一个子文件夹中有one.html，在第二个文件夹中有两个。 html）并且在主文件夹中我有index.html，它有导航菜单栏，现在如何在菜单栏中链接它们而不使用绝对路径。如果javascript或jquery中有任何脚本，请帮助我。

Answer 1

你的意思是这样吗？

从主文件夹：

<a href="/sub-folder1/one.html"> My Page </a>

从子文件夹到另一个子文件夹：

<a href="../sub-folder2/two.html"> My Page </a>

动态地在JavaScript子文件夹中移动到另一个子文件夹：

HTML：

<a id="link"> My Page </a>

JavaScript的：

var a = document.getElementById('link');
var subfolder = ... ; // your subfolder
var page = ... ; // your page to go to
a.href = "../"+subfolder+"/"+page;

Answer 2

你想要的是根相对路径：http://ifyoucodeittheywill.com/2009/03/absolute-relative-and-root-relative-urls/

这些始终采用以下形式：

/Level1/Level2/file.html

作为root相对，它总是引用网站的根点。这对于您的javascript和css资源来说也非常方便，因为无论文件夹深度或站点架构如何，它们的链接始终相同。 E.g。

/Script/myScript.js 
/Style/site.css

无论调用资源的文件位于网站的哪个位置，都可以正常工作。

链接不同目录中的html页面

2 个答案: