使用JS制作自定义Facebook共享者按钮

时间:2018-04-28 22:40:26

标签: javascript html

我尝试了第三方公司,但他们的资源使我的网站太慢了,所以我自己试图制作一个facebook sharer按钮。这似乎是非常基本的Javascript;问题是,我对JS很陌生,而且我有点挣扎。

我需要生成页面所在的任何URL,并将其放在共享URL的末尾。

目前我有:



document.getElementById('demo').innerHTML = 
"https://www.facebook.com/sharer/sharer.php?u=" + window.location.hostname;

<a href="<p id='demo'></p>">Share</a>
&#13;
&#13;
&#13;

哪个应该(我认为)工作,我认为我沿着正确的路线行进,但我不太确定我做错了什么。任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:0)

你走在正确的轨道上。只有一个小变化。

document.getElementById('demo').href = 
"https://www.facebook.com/sharer/sharer.php?u=" + window.location.hostname;

<a id="demo" >Share</a>

答案 1 :(得分:0)

这不是最好的方法,但它应该适合你

<a href="#" onclick="window.location.href= "https://www.facebook.com/sharer/sharer.php?u=" + window.location.protocol + '//' + window.location.hostname">share</a>