使用JavaScript追加HTML

我试图通过引用外部JavaScript文件来附加菜单，而无需在每个文件中手动添加菜单。我该怎么办？这是我要加的菜单。顺便说一句，我正在使用引导。我将脚本src放在结束body标记之前

                <header class="container">
                    <div class="row">
                        <a href="..\index.html"><img class="col-sm-2" src="..\logo.png" /></a>
                        <nav class="col-sm-10 navbar navbar-inverse">
                            <div class="container-fluid">
                                <ul class="nav navbar-nav navbar-right text-uppercase">
                                    <li><a href="..\index.html">Home</a></li>
                                    <li><a href="..\about.html">About</a></li>
                                    <li class="active"><a href="..\story_1.html">Revenge Is A Dish Best Served Cold</a></li>
                                    <li><a href="..\gallery.html">Gallery</a></li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                </header>

只需使用innerHTML：

var ul=document.getElementsByClassName（'navbar-nav'）[0]；
ul.innerHTML=ul.innerHTML+“
”；

只需使用innerHTML：

var ul=document.getElementsByClassName（'navbar-nav'）[0]；
ul.innerHTML=ul.innerHTML+“
”；

在ES6中，您可以

Import './template.html' as template;

document.getElementById('container').append(template);

对于实际的标准，我想最简单的方法是使用JQuery

$('container').load('./template.html');

在ES6中，您可以

Import './template.html' as template;

document.getElementById('container').append(template);

对于实际的标准，我想最简单的方法是使用JQuery

$('container').load('./template.html');

---

“innerHTML似乎不适用于链接”-它适用于链接。“innerHTML似乎不适用于链接”-它适用于链接。否。OP对如何将HTML附加到他的DOM中有疑问。这是一种方法，这正是我需要的。谢谢，不用了。OP对如何将HTML附加到他的DOM中有疑问。这是一种方法，这正是我需要的。谢谢。