Javascript Header.html在包含index.php后未加载_Javascript_Php_Html_Css

Javascript Header.html在包含index.php后未加载

javascript php html css

Javascript Header.html在包含index.php后未加载,javascript,php,html,css,Javascript,Php,Html,Css,我刚刚开始开发，有一个带有标题和正文的工作页面，但我想开始按类型拆分所有代码。我已经成功地拉出了css和javascript，但是我还不能拉出我的标题。现在，我的文件如下所示： <!DOCTYPE html> <html> <head> Some Stuff Here <link rel="stylesheet" href="style1.css"> </head> <body> &

我刚刚开始开发，有一个带有标题和正文的工作页面，但我想开始按类型拆分所有代码。我已经成功地拉出了css和javascript，但是我还不能拉出我的标题。现在，我的文件如下所示：

<!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>

index.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时，我得到了主体及其样式，但没有标题。我怎么了

/*编辑*/

有趣的是，我发现当我从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>

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


这里有些东西

HTML-header.HTML

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


这里有些东西

生成的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>

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


这里有些东西

HTML-header.HTML

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


这里有些东西

不要认为PHP包含.html文件。请将header.html重命名为header.php

<link rel="stylesheet" href="style2.css">
<script src="header.js"></script>   
Some Stuff Here

这里是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>

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


这里有些东西
这里有些东西

和header.php

<link rel="stylesheet" href="style2.css">
<script src="header.js"></script>   
Some Stuff Here


这里有些东西

不要认为PHP包含.html文件。请将header.html重命名为header.php

<link rel="stylesheet" href="style2.css">
<script src="header.js"></script>   
Some Stuff Here

这里是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>

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


这里有些东西
这里有些东西

和header.php

<link rel="stylesheet" href="style2.css">
<script src="header.js"></script>   
Some Stuff Here


这里有些东西

Your header.html不应该包含完整的html（即html head body），它应该只包含要放入该部分的html。那么我如何才能包含与header关联的javascript和css？只需将脚本/链接标记与html放在一起，它们不必放在head元素中。这对我不起作用。我没有改变index.php和header.html现在只包括脚本/链接标记和body标记之间的内容。header.html不应该包括完整的html（即html head-body），它应该只包含你想放入该部分的html。那么我如何才能包含与标题关联的javascript和css？只需将脚本/链接标记与html放在一起，它们不必放在head元素中。这对我不起作用。我没有改变index.php和header.html现在只包括脚本/链接标记和body标记之间的内容。当您查看源代码时，您看到了什么？当您查看源代码时，您看到了什么？