javascript - 包含 index.php 后 Header.html 未加载

标签 javascript php html css

我刚刚开始开发,我有一个带有页眉和正文的工作页面,但我想开始按类型拆分所有代码。我已经成功地取出了 css 和 javascript,但我无法取出我的标题。现在我的文件看起来像这样:

索引.php:

<!DOCTYPE html>
<html>
  <head>
     Some Stuff Here
     <link rel="stylesheet" href="style1.css">
  </head>
  <body>
     <?php include("header.html");?>
     Some Stuff Here
  </body>
</html>

header.html:

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style2.css">
  </head>
  <body>
    <script src="header.js"></script>   
    Some Stuff Here
  </body>
</html>

当我在浏览器中加载 index.php 时,我得到了主体及其样式,但没有 header 。我这边怎么了?

/* 编辑 */

有趣的是,我发现当我从我的 Synology DS713+ NAS(安装了 MySQL 和 phpMyAdmin)加载页面时,页面加载标题很好,但在我的 thinkpad(我使用 XAMPP)上页面没有添加标题。这解决了我的问题,因为我的生产环境是我的 NAS,但也许有人可以提供为什么会发生这种情况的答案。

最佳答案

您生成的 HTML 看起来像这样:

<!DOCTYPE html>
<html>
  <head>
     Some Stuff Here
     <link rel="stylesheet" href="style1.css">
  </head>
  <body>
     <!DOCTYPE html>
     <html>
       <head>
         <link rel="stylesheet" href="style2.css">
       </head>
       <body>
         <script src="header.js"></script>   
         Some Stuff Here
       </body>
     </html>
     Some Stuff Here
  </body>
</html>

这不会呈现您想要的效果。您将需要执行以下操作。

PHP - index.php

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style1.css">
    <link rel="stylesheet" href="style2.css">
  </head>
  <body>
    <?php include("header.html");?>  
    Some Stuff Here
  </body>
</html>

HTML - header.html

<script src="header.js"></script>   
Some Stuff Here

关于javascript - 包含 index.php 后 Header.html 未加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30132410/

相关文章:

javascript - 我如何对 jQuery 数组使用 lodash max?

javascript - 多个日期选择器 JavaScript

php - 从复选框中检索数据 - php

.net - 提示用户从浏览器安装 ActiveX/.Net 类库

javascript - 获取 polymer 中按钮的值

javascript - 为什么将外部函数中定义的对象重新分配给与外部声明相同的变量名会出错?

尝试迁移时出现 PHP Fatal error out of memory 错误

PHP MYSQL header() 位置

javascript - 使用 jQuery text() 函数将 HTML 标签添加到网页

php - URL - 获取 PHP 的最后一部分