xampp通过包含文件链接js文件答案

【问题标题】：xampp linking js file by included filexampp通过包含文件链接js文件
【发布时间】：2021-08-31 06:12:31
【问题描述】：

我将我的 js 文件链接到一个名为 footer.php 的文件中并将其包含在主文件中，当我运行主文件时脚本不起作用

主页文件

<?php include 'inc/header.php'; ?>
    <header id="index-header">

    </header>
<?php include 'inc/footer.php'; ?>

页脚文件

        <script src="js/jquery-3.5.1.min.js"></script>
        <script src="js/popper.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/myScript.js"></script>
    </body>

</html>

【问题讨论】：

标签： javascript php html apache xampp

【解决方案1】：

您应该在 footer.php 文件中进行这些更改

<?php

 echo '<script src="js/jquery-3.5.1.min.js"></script>
       <script src="js/popper.min.js"></script>
       <script src="js/bootstrap.min.js"></script>
       <script src="js/myScript.js"></script>
     </body>
   </html>';

/* If this code doesn't work then use below code */
/** echo '<script src="./js/jquery-3.5.1.min.js"></script>
       <script src="./js/popper.min.js"></script>
       <script src="./js/bootstrap.min.js"></script>
       <script src="./js/myScript.js"></script>
     </body>
   </html>';
**/


?>

但是你觉得你做的对吗？您应该将 HTML 和 BODY 标记放在 home 文件中，而不是放在 header 和 footer 文件中。

示例：

Home.php

<!DOCTYPE html>
<html>
  <head>
    <!-- code -->
    <!-- or -->
    <?php include 'inc/header.php'; ?>
  </head>
  <body>

    <header id="index-header">
       <!-- code -->
    </header>

    <?php include 'inc/footer.php'; ?>
  </body>
</html>

Footer.php

<?php

 echo '<script src="js/jquery-3.5.1.min.js"></script>
       <script src="js/popper.min.js"></script>
       <script src="js/bootstrap.min.js"></script>
       <script src="js/myScript.js"></script>';
?>

希望对你有帮助?

【讨论】：

感谢您的回复，但 id 不起作用:(
@OsamaAmr 你能解释一下是什么问题吗？