html - 在同一页面上呈现 10 000 个链接

Question

我需要在同一个“可见”页面上显示大约 10000 个链接。

“可见”是指文档可以与不同的 iframe 或其他技术拼接，但必须显示在同一浏览器窗口中。布局不是问题，我可以通过 css{display:block;float:left;width=1;height=1} 在相当小的区域内显示它们。

我的问题是在浏览器减慢到 Not Acceptable 速度之前我无法显示超过 2000 个链接..然后崩溃。

我的第一次尝试是使用最简单的 map 区域来消除高 DOM 大小。

我尝试了 ajax 调用、javascript 不同的附加、纯 html、ma​​pArea，但没有任何效果。

我用我认为是普通短链接的东西进行了测试，如下所示:

<a href="http://www.example.com/?fake-parameter=longer-url" title="Fake text to sumulate about 35 characters" target="_blank">Fake text to sumulate about 35 characters</a>

Nota (tiny complaint of mine): it's hard to search for this specific technical point, all search results treat about SEO and what Matt Cutts wrote about SEO and what Google pointed about SEO or what more than 100 links will ruin my page ranking.

Answer 1

在不知道您要实现什么目标的情况下，很难给出建议，也很难回应其他人所说的，页面上的 10,000 个链接对许多人来说似乎遥不可及 - 您的原因是什么？

我还可以看出这会对 seo 产生一些影响。

我会考虑三种可能性:

1. 使用分页 使用标准页面 1/2/3 上一个/下一个按钮等将结果限制为每页的合理数量 PHP 示例 - http://net.tutsplus.com/tutorials/php/how-to-paginate-data-with-php/
2. 使用某种形式的 ajax 自动完成/建议 这样一次只会加载结果的子部分 - http://www.1stwebdesigner.com/freebies/auto-completion-scripts/
3. jQuery 插件(Que the haters ;-) - 或者使用一些同时使用 ajax 和分页的东西，比如这个(从谷歌随机挑选)表格排序器插件，显然可以处理大型数据集 - http://www.jqueryscript.net/table/jQuery-Dynamic-Data-Grid-Plugin-appendGrid.html

目前通常不推荐使用 PS IFrame，因此我会尽可能避免使用这些