javascript - 比 iframe 更好的替代品来显示选项卡内容？

Question

我有一个带有 iframe 的页面，用于展示所点击选项卡的内容。有 3 个选项卡和 1 个 iframe。与单击的每个选项卡相关的内容源在其他 html 和 css 文件中进行格式化和编码。

使用 iframe 的另一种替代方法是什么，因为我注意到单击选项卡时，它仍然显示白色背景，类似于加载新页面时的情况？

这是我的代码:

<div id="tabs">
<div id="overview">
  <a target="tabsa" class="imagelink lookA" href="toframe.html">Overviews</a>
</div>
<div id="gallery">
  <a target="tabsa" class="imagelink lookA" href="tawagpinoygallery.html">Gallery</a>
</div>
<div id="reviews">
  <a target="tabsa" class="imagelink lookA" href="trframe.html">Reviews</a>
</div>
</div>

<div id="tabs-1">
  <iframe src="toframe.html" name= "tabsa" width="95%" height="100%" frameborder="0">
  </iframe>
</div>

Answer 1

使用 IFRAME 加载动态内容(在页面加载后)的唯一替代方法是使用 AJAX 更新网页上的容器。它非常优雅，通常比将整个页面结构加载到 IFRAME 中更快。

• Ajax with JQuery (使用它，您将在 SO 上被爱；AJAX 功能非常简单)
• Ajax with Prototype
• Ajax with MooTools
• Standalone Ajax with Matt Kruse's AJAX toolbox (以前用这个，现在用JQuery因为需要框架)
• AJAX with Dojo (据说很快，但是AJAX没那么直接)