javascript - Mehrere Seiten teilen sich die gleiche Navigation. Wie kann diese gemeinsame Navigation eingeführt werden, um Duplikate zu vermeiden?

Question

Ein sehr häufiges Szenario, das mithilfe von PHP-Includes eingeführt wurde. Welche Methoden können am Frontend verwendet werden?
Zu den jetzt eingeführten Bibliotheken gehören jQuery und Webpack

Diejenigen, die mir in den Sinn kommen, sind:

1. Senden Sie eine Ajax-Anfrage und legen Sie die angeforderte Seite in den Container:

   $.get("header.html",function(data){
      $("#header").html(data);
   });

2. Machen Sie die Navigation zu einer jQuery-Komponente und initialisieren Sie sie für jede verwendete Seite

   `$("#header").initHeader()`
   

Sind meine beiden Ideen richtig?
Gibt es eine andere Möglichkeit?
Und was sind die am häufigsten verwendeten Methoden?

Answer 1

还是应该有一个模板文件, 用jq组件的方式来实现感觉好怪...

Answer 2

把nav写到公用的js里，并在里面初始化。
不需要在每个页面里初始化。