所有页面上的HTML导航栏，无需粘贴代码

Question

因此，如果我想在我的网站上放置一个导航栏，则可以使用任何一种方式来制作带有html条形码和js脚本的html文件的单独HTML文件，或者仅使用导航栏文件的代码并将其放入它进入另一个页面。提前感谢

Answer 1

可通过以下方法实现将HTML文件动态加载到另一个HTML中的jQuery解决方案：

<div id="navbar"></div>

然后使用以下文件导入文件：

<script>
  $(function(){
    $("#navbar").load("./navbar.html"); 
  });
</script>

Answer 2

请参阅：http://flask.pocoo.org/docs/1.0/tutorial/templates/#the-base-layout

  

应用程序中的每个页面在不同的正文周围都具有相同的基本布局。代替在每个模板中编写整个HTML结构，每个模板都将扩展基本模板并覆盖特定的部分。