有沒有辦法在我的主 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