在html页面中包含css和js时的相对路径问题[重复]答案

【问题标题】：Relative path problem when including css and js in a html page [duplicate]在html页面中包含css和js时的相对路径问题[重复]
【发布时间】：2019-04-09 17:38:32
【问题描述】：

我的服务器网页目录结构是这样的

/www/site1/
    js/
    css/
    partial/
          -head.php
          -footer.php
    view/
         -page1.php
    -index.php

/www/site2/

head.html 包含类似 js 文件

<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/bootstrap.min.js"></script>

head.php 文件包含在 index.php 和 view/page1.php 中。

它在 index.php 上运行良好，但在 page1.php 上运行良好，因为 js 文件的路径。上 index.php 路径就变成了

/www/site1/js/jquery.min.js

page1.php 路径变为

/www/site1/view/js/jquery.min.js

如何在head.php中包含js，以便在包含在index和page1中时可以正常工作

【问题讨论】：

相对路径需要相对于提供它的 url - 而不是它所在的文件，为什么不使用绝对路径：/js/jquery.min.js？
你可以像这样使用
使用'.'因为它是父母的兄弟姐妹
@Pete 是的，我也试过了，但它变成了 /www/js/ 而不是 /www/site1/js/跨度>
那么你的服务器设置错误，这可能是一个服务器问题 - 或者如果你需要从 site1 使用/site1/js/.....js

标签： php html web

【解决方案1】：

尝试在源代码中添加斜线

<script src="/js/jquery.min.js"></script>
<script src="/js/jquery-ui.js"></script>
<script src="/js/bootstrap.min.js"></script>

【讨论】：

是的，我也试过了，但它变成了 /www/js/ 而不是 /www/site1/js/