Javascript 有没有办法在页面上添加很多类似Facebook的按钮？

我试过使用这个标准。我需要大约50个类似的按钮（这个数字可能会增加）在我的页面上。问题是，当我第二次添加更多内容时，它会大大降低我的页面速度。如果我显示所有50个类似按钮，页面几乎无法操作，浏览器拒绝滚动、冻结并发出“无响应”警告等

我认为这是因为like按钮没有在一个页面上显示多次，而且它为每个添加的按钮做了大量的冗余工作。不过我已经看到了这一点，所以我想知道：是否有一些特殊的方式可以在一个页面上显示大量类似Facebook的按钮？我说的是十个，也许是几百个。

---

谢谢

我认为您必须实现自己的FB链接，例如：

   <a href="http://www.facebook.com/share.php?u=your-url" class="someFBClass" ><span class=icon></span> Facebook</a>

---

您必须添加一些css以使链接看起来像FB link。

您可以通过使用FB.XFBML.parse方法来做到这一点

这允许您在需要时渲染类似的对象，每一个都只是veiwport中的一个

---

另外，为了确保您没有为每个like按钮加载facebook javascript SDK（旧的XFBML方式）？

我建议使用两种方式。一种是渲染一个虚假的Facebook按钮（静态图像），然后悬停，动态加载真实的类似Facebook的按钮来替换图像。另一种方法是使用各种jquery滚动插件中的一种，当内容在页面上变得可见时，加载类似Facebook的按钮。TechCrunch.com的主页上有很多类似的按钮，没有性能问题（他们正在执行我列出的第二个选项）

我已经这样做了-它真的，真的减慢了你的页面。所有这些打开和发出请求的iFrame都会产生相当大的流量。一个页面上的like按钮似乎有点多？举个例子，每个页面上的所有框都应该有一个like按钮。他询问了一种实现like按钮的方法。。不是共享按钮；）但请记住，你不允许创建任何facebook的“外观”按钮，因为这违反了他们的T&C