Question

我正在尝试在我的网站上创建点击扩展功能。当用户单击按钮时，将显示一些内容。

我知道我可以使用JS来显示div，但是我的HTML代码很长，所以我不想在此复制整个内容。我知道我也可以使用该标签，但是我不希望页面刷新。

 function findPressure() {
  var ifrm = document.createElement("iframe");
  ifrm.setAttribute("src","/Users/lunapark/Documents/antoine_equation/antoine_pressure.html");
  document.body.appendChild(ifrm);
 }

  <div class="col-md-9">
    <button onClick="findPressure()">Solve for Pressure</button>
    <button onClick="findTemp()">Solve for Temperature</button>
  </div>

正如您在此处看到的那样，我使用了iframe，但我不赞成这样做。有什么方法可以将现有的HTML链接到我的主HTML，而不在网页上刷新它？

Answer 1

许多方法-例如，升级到Vue.js。或jQuery load（）也非常适合这种事情。 https://api.jquery.com/load/

如何将另一个HTML文件链接到HTML

1 个答案: