问题描述
我有一个网站,需要从网站内的其他 html 文件中提供特定文件的相对路径。但是,该网站还需要在本地运行,因此链接不起作用。
例如,我的网页结构如下:
\---home
| index.htm
|
+---folder1
| \---sub1
| file1.html
|
+---folder2
| \---sub2
| \---sub3
| file2.html
|
+---links |
**link.html**
我需要通过嵌入在 file1.html
、file2.html
和 index.htm
页面中的公共链接提供 link.html
文件的相对路径。
我尝试了 <a href="/links/link.htm">
,当我的页面托管在网络服务器上时,这有效,但是当页面在本地运行时,链接解析为 C:\links\link.html
。我需要它是 index.html 文件所在的位置。喜欢 C:\home\link\links.html
或 C:\dir1\dir2\home\links\link.html
在本地运行网页时,如何提供相对于 index.htm 文件夹的公共链接?
谢谢! 肯
解决方法
最近没做过...但想法是使用../../folder123/file.html。两个点是上层文件夹,一个是当前文件夹。对于简单的页面,可以跟踪和更正每个页面中的路径(以上示例结果到 upperFolder/upperFolder/folder123/file.html)不推荐用于大型项目。
当您在开头添加斜杠时,它会解析为 root。如果有一个点或两个点那么它就不再是根而是相对路径。
更好的解决方案是获取地址并使用脚本操作链接,但对于使用相对路径的简单页面来说是完美的。
猜猜它有帮助。