当网页位于子目录中时,如何避免使用"../"？

Question

我正在一个静态网站上作为大学的网页设计项目.这是一个包含模拟文章的科技博客.我将网站存储在根目录中(这些是index.htm,news.html,reviews.html等页面).但是,我想避免实际文章页面的混乱.所以我将这些页面存储在一个名为articles的子目录中,例如:"articles/article1.html".

现在我必须编写两个javascript文件.我的两个javascript文件会做同样的事情,除了javascript文件A用于根目录中的所有页面,javascript文件B用于articles子目录中的所有页面.那是因为我的javascript代码访问了我网站上的文件.这意味着我必须在js文件B中为所有URL添加"../"以使我的js能够工作.文件A不会附加"../".

如果我的静态网站只使用1个javascript文件,我该怎么办？

Answer 1

您可以在前面添加URL /.这总是将您带到根目录,因此无论文件位于何处,都可以使用根文件夹启动路径.

喜欢

img.src = "/Images/img1.jpg";

注意

如果您的网站在子文件夹中运行,则无法使用此功能