2014-01-25 24 views
-1

如果我有主文件夹,主文件夹内有两个子文件夹,每个子文件夹中都有一个页面,例如(第一个子文件夹中有one.html和在第二有two.html),并在主文件夹我有index.html有导航菜单栏,现在我怎么可以链接它们在菜单栏中,而不使用绝对路径。如果在javascript或jquery中有任何脚本,请帮助我。链接不同目录中的html页面

回答

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; 
+0

不,假如你的答案把我带到一个子文件夹内的one.html,然后从那个子文件夹,我怎么能到达另一个子文件夹中的two.html。我希望你明白我在问什么。谢谢你, –

+0

所以你是从一个子文件夹说,如何返回到另一个子文件夹?如果是这样''href =“../ sub-folder2/two.html”','''表示返回。 –

+0

但它不会工作,如果我想切换到index.html(在主文件夹中)子文件夹内的任何文件。所以,我希望它在javascript中完全动态。 –

0

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

这些始终采取以下形式:

/Level1/Level2/file.html 

作为根相对它始终引用网站的根目录。这对于您的javascript和css资源也非常方便,因为无论文件夹深度或站点体系结构如何,它们的链接总是相同的。例如。

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

无论调用资源的文件在网站中的位置,它都能正常工作。