javascript - 如何将 Facebook 'Like' 按钮更改为 'Recommend' 按钮

Question

我有一个片段可以为我们的新闻网站创建一个“赞”按钮:

<iframe id="likeButton" src="http://www.facebook.com/widgets/like.php?href="
        scrolling="no" frameborder="0"
        style="border:none; width:450px; height:80px"></iframe>

但是，为了使其正常工作，因为按钮发布了一个错误，指出按钮位于无效的 URL 地址上，我添加了一些 jQuery 来调整 URL，如下所示:

<script type="text/javascript">
    $(document).ready(function(){    
        var imageFile = $('#likeButton').attr( 'src');
        eval("imageFile = imageFile +"+"window.location.href;");     
        eval("$('#likeButton').attr( 'src', function(){return imageFile +"+"window.location.href;});");
    });
</script>

据我所知，这是可行的。

我想将按钮从喜欢更改为推荐，并且从 Facebook 站点知道我需要将 action=recommend 属性附加到 URL。但是作为新手，我一直无法添加它，所以它可以工作。如何向 URL 添加属性？

Answer 1

首先，在这种情况下，您没有必要调用 eval。很少需要 eval ，应该不惜一切代价避免。话虽如此，请看下面的代码。我只是使用标准查询字符串语法构建新的 src 属性以添加新的操作值，然后设置它。非常不言自明...

$(document).ready(function(){
  var iframe = $("#likeButton");
  var newSrc = iframe.attr("src");
  newSrc += encodeURIComponent(location.href);
  newSrc += "&action=recommend";

  iframe.attr("src", newSrc);
});

如果其中的任何内容对您来说没有意义，请随时提问，我会进一步解释。