javascript - onClick:在 Facebook 上分享图片

Question

我想为启动 Facebook 共享器的新网站上的图像设置 onClick 函数。

这里有一些代码可以帮助理解我在说什么

<div id="mImageBox">
<img id='my_image' src='' width="auto" height="auto"/>
</div>

图像 src 是空白的，因为它是由另一个 JavaScript 函数使用“my_image”注入(inject)的

因此，我尝试使用此方法设置 onClick 函数:

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script>

<div id="mImageBox">
<a rel="nofollow" href="http://www.facebook.com/share.php?u=<;url>" onclick="return fbs_click()" target="_blank"><img id='my_image' src='' width="auto" height="auto"/></a>
</div>

onClick 函数运行良好，但是，它链接到 img 所在的页面而不是 img 本身!

你对我有什么建议吗？

Answer 1

试试这个:

<div id="mImageBox">
<img id='my_image' src='' alt='' width="auto" height="auto" onclick="fbs_click(this)"/>
</div>

<script>
     function fbs_click(TheImg) {
     u=TheImg.src;
     // t=document.title;
    t=TheImg.getAttribute('alt');
    window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;
}
</script>

如果 JS 被禁用，你不需要使用 标签(包围 标签)，因为在那种情况下，应该注入(inject) src 属性的 JS 将不起作用还有。