Html 如何将不同文件中的加载到我的页面

我希望我的页面有一个导航菜单，但我不想每次更新它时都将其复制并粘贴到每个网页上，所以我尝试将其放在一个单独的文件中，并将其加载到您可以使用的jQuery中的div中。加载url[，data][，complete]函数。

在jQuery中可以使用。加载url[，数据][，完成]函数。 您可以使用：

或：

还有其他方法，我只介绍了两种。

您可以使用：

或：

---

还有其他方法，我只包括了两种。

正如您所描述的，您不想加载整个页面，只想加载其中的一个div。据我所知，使用纯javascript是不可能的。因此，我建议将这个div放在一个单独的html文件中，我们称之为common.html，然后在每个页面中加载它。这可以通过以下方式实现：

document.getElementById("placeholder").innerHTML='<object type="text/html" data="common.html" ></object>';

---

正如您所描述的，您不想加载整个页面，只想加载其中的一个div。据我所知，使用纯javascript是不可能的。因此，我建议将这个div放在一个单独的html文件中，我们称之为common.html，然后在每个页面中加载它。这可以通过以下方式实现：

document.getElementById("placeholder").innerHTML='<object type="text/html" data="common.html" ></object>';

---

最简单的方法是创建一个php文件并将代码插入其中

例如：

在主文件中插入以下内容：

<div class="container">
<?php require 'example.php';?>
</div>

<div class="row">
<div class="col-md-12">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>

在example.php文件中插入以下内容：

<div class="container">
<?php require 'example.php';?>
</div>

<div class="row">
<div class="col-md-12">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>

---

最简单的方法是创建一个php文件并将代码插入其中

例如：

在主文件中插入以下内容：

<div class="container">
<?php require 'example.php';?>
</div>

<div class="row">
<div class="col-md-12">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>

在example.php文件中插入以下内容：

<div class="container">
<?php require 'example.php';?>
</div>

<div class="row">
<div class="col-md-12">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>

---

您使用的是哪种语言？有几种方法可以解决这个问题，主要是使用模板。。知道您使用的是哪种语言将有助于jQuery，这在load中是可能的：我认为这都是html和css。我对web开发不是很熟悉，所以我认为js适用于您使用的语言。有几种方法可以解决这个问题，主要是使用模板。。知道您使用的是哪种语言将有助于jQuery，这在load中是可能的：我认为这都是html和css。我对web开发不是很熟悉，所以我认为js很好用，而且很容易实现，谢谢@扎卡里：这不会加载整个html页面吗？在你的问题中，你问到只加载页面的一个div…@TheodoreK。你可以创建一个html文件，里面只有一个div。这个文件很好用，很容易实现，谢谢@扎卡里：这不会加载整个html页面吗？在你的问题中，你问到只加载页面的一个div…@TheodoreK。您可以创建一个只包含一个div的html文件，在没有php的普通html中可以这样做吗？在没有php的普通html中可以这样做吗？