如何解决返回共享按钮的当前URL
我是Web开发的新手,我正在尝试使用JS将当前URL插入Facebook共享按钮的href中。我以下面的方式尝试过,但是如您所见,这是不正确的。
function getURL() {
return window.location.href;
}
<div class="fb-share-button"
data-href="https://www.facebook.com"
data-layout="button"
data-size="small">
<a target="_blank"
href="getURL()"
class="fb-xfbml-parse-ignore">
Share
</a>
</div>
解决方法
尝试
<script>
document.querySelector('a').setAttribute("href",window.location.href);
</script>
<div class="fb-share-button" data-href="https://www.facebook.com" data-layout="button" data-size="small"><a target="_blank" href="" class="fb-xfbml-parse-ignore" id='facebook-share'>Share</a></div>
,
在标签<a>
中添加id
<div class="fb-share-button" data-layout="button" data-size="small"><a target="_blank" id="btnsharefb" class="fb-xfbml-parse-ignore">Share</a></div>
并创建事件的侦听器,然后单击您的标签a
document.getElementById("btnsharefb").addEventListener("click",function() {
this.href = getURL();
});
或直接在加载文档上添加
document.getElementById("btnsharefb").href = getURL();
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。