Question

我有一个名为menu.html的文件，它基本上是我想放在每个html页面上的下拉列表，我将如何实现这一目标？

<div class="topbar">
    <a href="./index.html">
        Home
    </a>
</div>


<script>
    $(document).ready(function () {
        $("#content").load("menu.html");
});
</script>

提前致谢！

Answer 1

由于您提到php作为服务器端代码，我强烈建议使用Twig使用javascript注入并不是一个好主意，因为它会很慢。

Twig是所谓的＆＃34;模板系统＆＃34;。使用twig，您可以创建具有菜单html的模板：

<强> menu.html

<ul>
    <li>Menu Item 1</li>
    <li>Menu Item 2</li>
</ul>

然后在您的网页html中，您可以＆＃34;包含＆＃34; menu.html：

<强> page.html中

{% include 'menu.html' %}

<!-- your page content here -->

Twig非常强大;它执行自动转义以确保用户输入可以安全查看，多重继承，内容块等。

如何将菜单加载到多个页面？

1 个答案: