如何一次显示一个站点列表答案

【问题标题】：How To Display List of Sites One At A Time如何一次显示一个站点列表
【发布时间】：2010-08-31 00:48:40
【问题描述】：

我正在寻找一种从 URL 列表中一次显示一个网站列表的方法。我对一个非常手动的解决方案很好，我找到了一个 AJAX 解决方案，其中每个“页面”都显示在一个选项卡中，但它非常重，因为如果我有 50 个页面，我希望用户一次翻阅一个页面，这个解决方案本质上是将所有 50 页拉到一页上。你知道有一个框架做同样的事情但一次只加载一个页面吗？非常感谢您的建议和帮助。这是我找到的网站 - http://css-tricks.com/jquery-ui-tabs-with-nextprevious/

【问题讨论】：

您到底想显示什么？只是网址？还是渲染的缩略图？我不太明白这个问题...
网站本身。所以假设我有一个网站列表（facebook.com、google.com、microsoft.com）。我想使用类似于此站点正在执行的下一个/上一个链接一次显示一个站点。 css-tricks.com/jquery-ui-tabs-with-nextprevious 他们的解决方案的问题是将所有内容拉到一个页面上，我想一次将用户带到每个页面，所以它不是那么重的页面。

标签： javascript html css iframe

【解决方案1】：

您可以将 URL 加载到数组中，然后创建一个“下一个”按钮，将下一个 url 加载到 div 中；替换上一个。

【讨论】：

【解决方案2】：

你需要这样做吗？使用 php 卷曲页面可能更容易，然后将此返回的数据作为可评估数组回显到 html 中。然后允许用户使用下一个和上一个按钮更改您正在查看的返回数组的哪一部分。

如果你预先加载每一个，它会像你所说的那样很重。

【讨论】：

我不依赖任何一种方法（感谢您的提问）。如果您知道使用示例代码的方法，我同意 PHP 解决方案会很棒，而且我有这种能力/环境。

【解决方案3】：

这个想法为 AJAX 尖叫。使用正确的 AJAX 调用，您只会在页面被选项卡实际选择后才加载页面。任何先前加载到该区域的页面都需要转储。如果您使用 iframe 的 src 属性，则实际上不需要物理切换选项卡，只需更改 src 并强制它自行刷新就可以了。如果您通过远程 Web 服务执行屏幕抓取，那么您可以简单地使用 jQuery/AJAX 重写相关面板的 innerHTML。

【讨论】：