xampp通过包含文件链接js文件
Posted
技术标签:
【中文标题】xampp通过包含文件链接js文件【英文标题】：xampp linking js file by included file 【发布时间】：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>
【问题讨论】：
【参考方案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 你能解释一下是什么问题吗？以上是关于xampp通过包含文件链接js文件的主要内容，如果未能解决你的问题，请参考以下文章