javascript - 你认为 iframe 的替代品是什么

Question

我有一个网站，我想制作一个类似按钮分享的 facebook 以将其添加到我的另一个(第二个)网站

我想在我的第二个网站中显示它的次数。

我有这个代码:[在目标网站]只需查询并回显次数。

<?PHP include('../../includes/conexion.php');

$url = $_get['url'];
 $sql = "SELECT times FROM URLS WHERE url = '$url' ORDER BY nkeeps DESC LIMIT 1";
    $r = mysql_query($sql) or die(mysql_error());
    $n = 0;
    while ($row = mysql_fetch_array($r)) {
        $n = $row['nkeeps']+1;

    }
echo $n;

?>

然后我做:[在源网站]我在底部创建按钮，在顶部创建计数器(iframe)

$(".keeper").html("<div style='width:50px;float:left;text-align:center;height:50px;'>
                        <div style='width:50px;float:left;height:25px;'>
                           <iframe style='width:49px;color:#444;height:24px;border:1px solid #f6f5f7;overflow:hidden;' src='http://website.com/API/public/keep.php?url="+url+"'></iframe>                   </div>
                       <div style='width:50px;height:50px;float:left;'>
                            <a class='keep_btn' href='#' style='background-color:#006;border:1px solid #f6f5f7;color:white;'>keep</a>
                      </div>
                 </div>");

如您所见，顶部的 div 显示了通过 iframe 的次数(我自己管理 URL 的东西)但是我无法在右侧的小 iframe 上获得“滚动式”并且它看起来从来都不像facebook 共享器...:( 所以我在考虑这个 iFrame 的替代方案，我如何只使用 JS 加载那段内容？

基本上，

这是一个设计问题。 iframe 效果很好。但是我怎样才能使它看起来像一个普通的盒子呢？

Answer 1

Facebook 和 twitter 使用 iframe 而不是 AJAX 是有原因的。 Ajax 不允许从不同域获取数据。因此，如果您的源网站和目标网站位于不同的域中，您将不得不坚持使用 iframe。如果您对 iframe 的唯一反对意见是它的外观，那么您应该使用 css 来加强它。 iframe 可以像任何其他元素一样设置样式，因此将它更改为 div 不会使它更漂亮。