如何在将css应用于加载的导航菜单时在html（index.html）中加载html（导航菜单）答案

【问题标题】：How to load an html (navigation menu) inside an html (index.html) while it apply the css to the loaded navigation menu如何在将css应用于加载的导航菜单时在html（index.html）中加载html（导航菜单）
【发布时间】：2020-04-29 10:45:54
【问题描述】：

我正在学习 Bootstrap、jQuery、React，以加载与 index.html 不同的文件 menu.html 中的导航菜单，这是我使用的脚本：

function codeAddress() {
  document.getElementById("myFrame").src = "src/menu.html";
}
window.onload = codeAddress;

这是 HTML 的基础：

<body>
    <iframe id="myFrame" src="#" style="border:none;height:100%;width:100%;"></iframe>
</body>

文件加载了，但 CSS 不适用对那个丑陋的东西？如果代码直接粘贴到index.html，看起来就完美了。

menu.html 的内容是一个简单的列表，如下所示：

<nav class="navbar navbar-expand-sm bg-dark navbar-dark sticky-top">
 <!-- Brand -->
 <a class="navbar-brand" href="http://mydomain.ml/">M62</a>

 <!-- Links -->
 <ul class="navbar-nav">
   <li class="nav-item">
     <a class="nav-link" href="#">keeper</a>
   </li>
 </ul>

我还尝试了很多其他的东西，比如 html 导入，或 javascript .get，但都没有工作，这是唯一从菜单文件中实际加载内容的代码。

【问题讨论】：

我还将链接和脚本添加到菜单文件中，但什么也没做。

标签： jquery html css reactjs bootstrap-4

【解决方案1】：

¿您是否在加载的 html 中包含 css 样式？

【讨论】：