如何安全地使用innerHTML？

Question

我没有为 Javascript 中的侧边栏重新输入重复代码，而是制作了一个侧边栏 function 用于为每个页面填充类似的代码。 它看起来像这样：

function addSidebarTemplate(){
      const template = document.createElement('template');
      template.innerHTML = `<aside class="aside-container">
                            <header>
                <a href="."> link here</a>
                <a class="mr-1" href="#">
                    <i class="fab fa-linkedin"></i>
                </a>
                <a class="mr-1" href="#">
                    <i class="fab fa-facebook"></i>
                </a>
                <a class="mr-1" href="#">
                    <i class="fab fa-github"></i>
                </a>
                 </header>`
       document.querySelector('#sidebar').appendChild(sidebar.content);

此代码下方还有其他元素。 但它们都不需要用户输入。 我只是想知道在这种情况下使用 innerHTML 是否安全？ 如果没有，有没有更好的方法来插入这样的侧栏？

谢谢

Answer 1

如果不使用用户输入，则可以使用innerHTML 。 话虽如此，如果你做了很多这样的事情，你可能想考虑使用像 React 这样的 UI 库来帮助你。