CSS、JavaScript 和 PHP 文件的路径答案

【问题标题】：Path to CSS, JavaScript and PHP filesCSS、JavaScript 和 PHP 文件的路径
【发布时间】：2017-12-19 06:27:56
【问题描述】：

我已经制作了一个页面来将数据添加到表中（MySQL）。当我连接到本地网络时，在我的计算机和服务器上一切正常。但是当我尝试从家里访问应用程序时，似乎 CSS 和 JS 文件的路径不正确！以下是我使用办公室链接的方式： http://server.domain.eu/moni/call_ans.html

这是我在家使用的链接： https://server.domain.eu/moni/call_ans.html

这是我的 HTML 代码的一部分以及我如何包含 JS 和 CSS 文件。我也用了一个php文件，也链接错了！

<head>
    <script src="jquery/jquery-ui-timepicker-addon.js"></script>
    <script src="jquery/jquery-ui-sliderAccess.js"></script>
<head>
  <link rel="stylesheet" href="jquery/jquery-ui-timepicker-addon.css">
  <link rel="stylesheet" href="jquery/jquery-ui-timepicker-addon.min.css">
</head>

<script>
....
        $(document).ready(function() {

            $("#techForm").submit(function(e) {
             var url = "call_ans.php";
        });
    });
....
</script>
</head>

【问题讨论】：

JS和CSS文件的完整路径是什么？
使用两个可能有问题，路径可能
我不认为 2 是问题所在。只要我在办公室并且连接到网络中，它就可以工作
js 和 css 的完整路径是 \xampp\htdocs\jquery
在服务器上，您的 jquery 文件夹与此文件相关的位置在哪里？ jquery文件夹在同一个文件夹中吗？ php 文件也是如此，为了帮助您，我认为我们需要更好地了解您的目录结构。同样作为一个好的做法，您应该删除重复的头部标签。

标签： javascript php html css path

【解决方案1】：

最好的解决方案是直接将href 添加到特定脚本或将 ./ 添加到文件位置。添加基础应该会有所帮助，但我/我通常不使用该解决方案：

 <script src="./jquery/jquery-ui-timepicker-addon.js"></script>
 <script src="./jquery/jquery-ui-sliderAccess.js"></script>
 <link rel="stylesheet" href="./jquery/jquery-ui-timepicker-addon.css">
 <link rel="stylesheet" href="./jquery/jquery-ui-timepicker-addon.min.css">

记住在服务器上使用点斜线来指定本地化...

【讨论】：

我也无法访问 php 文件！我认为有同样的问题！
为 php 文件添加特定位置以访问它们。在服务器上，您可能对您电脑上的文件有不同的访问权限。

【解决方案2】：

我不知道您的 JS/CSS 的完整路径，但假设 https://server.domain.eu/moni 是站点根目录，我建议在 <head> 标签下添加以下内容：

<base href="https://server.domain.eu/moni">

您的文件中有错字，应该是这样的：

<!DOCTYPE html>
<html>
<head>
    <base href="https://server.domain.eu/moni">
    <script src="jquery/jquery-ui-timepicker-addon.js"></script>
    <script src="jquery/jquery-ui-sliderAccess.js"></script>
    <link rel="stylesheet" href="jquery/jquery-ui-timepicker-addon.css">
    <link rel="stylesheet" href="jquery/jquery-ui-timepicker-addon.min.css">
</head>

<body>
    <script>
        $(document).ready(function()
        {
            $("#techForm").submit(function(e)
            {
                var url = "call_ans.php";
            });
        });
    </script>

</body>

</html>

【讨论】：