javascript - 试图利用分享社交按钮的值(value)来进行操纵

Question

我正在尝试找到一种方法来发挥分享社交按钮的值(value)，请参阅: http://www.1stwebdesigner.com/wordpress/wordpress-plugins-social-sharing/ 按钮位于页面左侧。

现在我想也许可以在文档上使用 JavaScript 来获取特定 span//div 的值。然而它们在 iframe 中，似乎不起作用:

这就是我的目的:

<iframe id="something_iframe" 
    src="http://www.facebook.com/plugins/like.php?href=http://www.freelancer.com/projects/myskills.php&send=false&layout=button_count&width=100&show_faces=false&action=like&colorscheme=light" 
    scrolling="no" frameborder="0" 
    style="border:none; overflow:hidden; width:100px; height:21px;"
    allowTransparency="true">
</iframe>

<div id="something">
</div>

<script>
    var $j = jQuery.noConflict();
    $j(document).ready(function() {
        $j("#something").text($j(".pluginCountTextDisconnected").text());
    });
</script>

我认为，即使这种 JavaScript 方式可以工作，它仍然很困惑，并且 PHP API 或其他方式可能有更好的方式。

Answer 1

由于same origin policy，这是根本不可能的。因为这些跨度加载到 iFrame 中，而该 iFrame 是从与您的页面不同的页面加载的。

当同源策略处于事件状态时，您无法操纵或访问 iFrame 的内容。对此可能存在一些黑客攻击，但我建议您查看 Twitter 和 Facebook 的 API，因为它们可能会通过 API 公开点赞/转发计数。

这还有一个好处，就是每当 Twitter/Facebook 对其共享按钮进行更改时，都不会中断。这些并不是公共(public)接口(interface)，因此他们可以随时更改其代码。

更新:详细查看网站标记后，您似乎可以访问 Google+ 按钮，因为它位于侧面的 HTML 中，而不是在 iFrame 内，但 Facebook 和 Twitter 运行他们的小部件按钮位于您无权访问的 iFrame 内。