返回共享按钮的当前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();

例如https://codepen.io/darlandieterich/pen/abNrmWO