用JS導入html模塊

Question

編碼新手和 JavaScript 新手。

我有一個簡單的網頁，其中有一個包含不同項目（例如，結果和分析）的菜單。 當您單擊其中一個項目時，例如“結果”，我希望它在同一網頁中顯示（無需重新加載）包含結果的另一個 HTML 頁面的一部分，該頁面位於另一個文件中。 為什么？ 因為results內容會太大，寫在main.js ，所以需要從不同的 HTML 文件加載html 。

我正在考慮（但可能有其他方法可以做到）使用帶有事件偵聽器的 JavaScript 導入results.html 。 但我不知道該怎么做。 使用 HTML 模塊？

Answer 1

您的問題有不同的方法：

1. 使用fetch()在需要時從服務器加載數據，然后將其呈現到視圖中。
2. 使用帶有 import( ... ) 的動態導入並加載整個模塊，包括您的數據和視圖

我個人的意見是使用 1. 並在需要時加載您的數據。