将 html 包含在带有函数和 css 的 html 中答案

【问题标题】：include html in html with functions and css将 html 包含在带有函数和 css 的 html 中
【发布时间】：2019-03-09 20:35:10
【问题描述】：

我有一个由标题栏和导航栏组成的页面。

我想将这些部分包含到我网站的所有子页面中，而不是从头再来。

为此，我在主页的 index.php 文件中使用此代码：

<?php include '../folder/folder/index.php';?>

html 包含适用于此代码。但是当我单击导航按钮时，不会调用单独的 javascript.js 文件中的按钮功能。它在我当前的目录中查找，而不是包含的文件之一。与导航和标题栏的 stylesheet.css 文件相同。

有什么帮助吗？

感谢您的宝贵时间。

最好的问候！

【问题讨论】：

请访问help center，使用tour查看内容和How to Ask。做一些研究，搜索关于SO的相关主题；如果您遇到困难，请发布您的尝试minimal reproducible example，并注明输入和预期输出。
是的，我认为您可能需要分享您尝试的 sn-p。无论如何，只需检查您是否在使用include() 的实例上获得了正确的相对路径。 '../folder' 可能为真一次，'../../folder' 也可能为真，具体取决于您所在的位置。
最好使用绝对路径...<script src="http://example.com/js/myscript.js"></script> 或<script src="/js/myscript.js"></script>
谢谢你！

【解决方案1】：

包含只是插入到其他文件中的代码块。因此链接和页面将与包含/包含包含标签的页面相关...假设您包含的文件如下所示：

examp.com/common/include.php

<a href="index.php">Home</a>

如果我们从 examp.com/test.php 包含该文件，那么它将链接到 examp.com/index.php em>。

但如果我们包含来自 examp.com/folder/folder/dude.php 的相同文件，它将链接到 examp.com/ folder/folder/index.php 因为这是相对链接所在的位置。

要解决此问题，您可以使用绝对链接...

examp.com/common/include.php

<a href="http://examp.com/index.php">Home</a>

现在包含将始终指向该特定域上的特定位置。我建议在链接之前使用“/”，以使链接从域的根目录开始。

examp.com/common/include.php

<a href="/index.php">Home</a>

在上面，包含的文件将始终指向您域根目录中的 index.php：examp.com/index.php 无论包含在何处来自。

【讨论】：

【解决方案2】：

发生这种情况是因为您可能包含类似这样的 js 和 css：

<link rel="stylesheet" type="text/css" href="../css/mystyle.css">

您正在寻找所包含文件的目录。：

__DIR__ : 文件所在目录。如果在包含中使用，则返回包含文件的目录。这相当于 dirname(__FILE__)。除非是根目录，否则此目录名称没有尾部斜杠。

【讨论】：