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

标签 javascript html css url

我正在开发一个静态网站作为大学的网页设计元素。这是一个包含模拟文章的技术博客。我将网站存储在根目录中(这些页面如 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 文件?

最佳答案

您可以在 URL 前加上 /。这始终会将您带到根目录,因此无论文件位于何处,您都可以从根文件夹开始路径。

喜欢

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

注意

如果您的站点在子文件夹中运行,这将不起作用

关于javascript - 当网页位于子目录中时,如何避免使用 "../"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26866643/

相关文章:

javascript - 使用按钮 onclick 时不显示警报

javascript - 如何更改仅适用于移动浏览器的链接?

html - 如何添加两个背景图像 - 从中​​心列的左侧和右侧

html - 调整窗口大小时如何正确对齐菜单项?

jquery - 使用 jquery 更改 css 规则

javascript - 无法将 java List 转换为 javascript ArrayList

javascript - 从数组中查找 parent 和 child

javascript - flickr api - 使用 JSONP 获取照片

javascript - 限制零不适用于弹出窗口

javascript - 如何将现有的 CSS 类样式应用于动态创建的 div?