如何将 Facebook 的“喜欢”按钮更改为“推荐”按钮

Question

我有一个 sn-p 来为我们的新闻网站创建一个“喜欢”按钮：

<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);
});

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