有没有办法在我的主 html 或 javascript 中调用 another.html 文件

Question

我正在尝试找出这个，但也无济于事。 我只是想知道您是否可以在主 html 中调用另一个单独的 html 文件。

我知道你可以做到 javascript <script src = "Classroom_names.js"></script>

所以我想知道你是否也可以在 html 中为它做这件事。例如

<script src = "field_names.html"></script>

或者，如果您不能那样做，您是否可以调用 javascript 中的 html 文件，然后为其设置条件。

感谢您花时间阅读这些人

Answer 1

最简单的方法是使用 jQuery，您必须将其包含在您的项目中，然后使用负载 function 将其放置在您网站的某个节点中，在这种情况下，我使用了一个带有 class“menuContainer”和菜单的 div我放入了一个名为 menu.html 的文件

重要提示：您必须在本地主机上运行 web 服务器才能使用此 function，因为如果您通过浏览器使用 url“文件：/// your_file.html”打开文件，它会给您一个跨源错误，如果您没有运行服务器 web，您可以使用 http.server 模块使用 python3 非常轻松地安装它，或者使用 http-server 在 nodejs 中安装它。

<!DOCTYPE html>
<html lang="en">
<head>
  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div class="menuContainer"></div>
</body>

  <script>
    $(document).ready(function () {
      $('.menuContainer').load('./menu.html');
    });
  </script>
</html>

有没有办法在我的主 html 或 javascript 中调用 another.html 文件

问题描述

1 个解决方案

解决方案1
0 2020-05-16 19:28:41

有没有办法在我的主 html 或 javascript 中调用 another.html 文件

问题描述

1 个解决方案

解决方案1 0 2020-05-16 19:28:41

解决方案1
0 2020-05-16 19:28:41