如果我有主文件夹,主文件夹内有两个子文件夹,每个子文件夹中都有一个页面,例如(第一个子文件夹中有one.html和在第二有two.html),并在主文件夹我有index.html有导航菜单栏,现在我怎么可以链接它们在菜单栏中,而不使用绝对路径。如果在javascript或jquery中有任何脚本,请帮助我。链接不同目录中的html页面
-1
A
回答
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
你想要的是根目录的相对路径:http://ifyoucodeittheywill.com/2009/03/absolute-relative-and-root-relative-urls/
这些始终采取以下形式:
/Level1/Level2/file.html
作为根相对它始终引用网站的根目录。这对于您的javascript和css资源也非常方便,因为无论文件夹深度或站点体系结构如何,它们的链接总是相同的。例如。
/Script/myScript.js
/Style/site.css
无论调用资源的文件在网站中的位置,它都能正常工作。
相关问题
- 1. 在HTML页面中链接到目的地页面
- 2. 目录HTML链接
- 3. 链接到asp.net中的不同页面
- 4. 链接到不同的html页面中的虚拟页面:jQuery Mobile
- 5. HTML:转到相同页面链接的链接,如何保持页面视图?
- 6. 写网页,链接到不同目录中的文件
- 7. 限制直接链接到某个目录中的AJAX页面
- 8. 链接相同的页面
- 9. 链接多个HTML页面
- 10. 超链接HTML页面
- 11. HTML:无法链接页面
- 12. 检索链接HTML页面
- 13. 新页面链接menubar,html
- 14. 链接到不同页面的标签
- 15. 如何链接Wordpress中的html页面
- 16. HTML中的链接转到.aspx页面
- 17. 如何链接到不同机器上的静态Html页面。
- 18. HTML页面中的目录选择器
- 19. 将2个不同的html页面链接到2个不同的css文件
- 20. 在HTML页面的另一个链接项目中创建链接
- 21. 如何为不同的链接分配不同的链接页面?
- 22. 对不同目录中的同一文件有ccache链接
- 23. Foundation:链接中的根变量不适用于子目录中的页面
- 24. HTML直接链接到页面内的页面
- 25. CMS:同步页面内容中的内部页面的链接
- 26. XAMPP:在根目录的子目录中访问html页面
- 27. 刮掉html页面的超链接
- 28. Objective C获取html页面的链接
- 29. HTML页面上的XSL超链接
- 30. 带页面链接的HTML iframe
不,假如你的答案把我带到一个子文件夹内的one.html,然后从那个子文件夹,我怎么能到达另一个子文件夹中的two.html。我希望你明白我在问什么。谢谢你, –
所以你是从一个子文件夹说,如何返回到另一个子文件夹?如果是这样''href =“../ sub-folder2/two.html”','''表示返回。 –
但它不会工作,如果我想切换到index.html(在主文件夹中)子文件夹内的任何文件。所以,我希望它在javascript中完全动态。 –