HTML href变量值

更新：

在我的网页中，我有20篇这样的文章，每一篇下面都有一个社交媒体共享面板，用于共享每篇文章，代码如下：

<a href="http://www.facebook.com/sharer.php?u=HTTPURLTOSHARE">
  <i class="fab fa-facebook"></i>
</a>

因此，基本上，我喜欢每个社交媒体服务（比如10、FB、TW、IG等）都有几个这样的链接，以及每篇文章的全部链接。
我的问题是：是否有一种方法可以编写共享DIV，包括所有共享服务链接，并且在单击共享按钮时为每篇文章编写一次共享DIV，只需将其URL（httpurlthore）分配给社交媒体共享按钮即可，
我知道服务器端是可能的，但我不熟悉前端和后端的开发。

这不是小事

我做了一个模板

我给了弹出链接一个带有文章URL的数据属性

我在每个链接后插入模板内容

window.addEventListener（“加载”，函数（）{
[…document.querySelectorAll（“数据url”）]
.forEach（（lnk，i）=>{
const url=lnk.dataset.url；
const pop=document.getElementById（“sharer”）.content.cloneNode（true）
pop.querySelector（'.overlay'）.setAttribute（“id”，lnk.hash.slice（1））；
[…pop.queryselectoral（“.socialsquare a”）].forEach（lnk=>lnk.href=lnk.href.replace（“共享”，url））
lnk.之后（流行音乐）
})
})

我们必须停止称特朗普的推动者为“保守派”，他们是激进的右派。
最近你经常听到“激进”这个词。它通常像致命武器一样瞄准民主党的求职者，尤其是那些想推翻共和党现任总统的人。乔治亚州共和党参议员凯利·洛弗勒（Kelly Loeffler）很少说出她的挑战者的名字，而不把他称为“激进的自由派拉斐尔·沃诺克（Raphael Warnock）”

来自椭圆形办公室内部的叛乱
特朗普总统推翻他输掉的选举的努力已经超越了仅仅是发泄不满，冒着破坏他被指控捍卫的美国民主的风险

这不是小事

我做了一个模板

我给了弹出链接一个带有文章URL的数据属性

我在每个链接后插入模板内容

window.addEventListener（“加载”，函数（）{
[…document.querySelectorAll（“数据url”）]
.forEach（（lnk，i）=>{
const url=lnk.dataset.url；
const pop=document.getElementById（“sharer”）.content.cloneNode（true）
pop.querySelector（'.overlay'）.setAttribute（“id”，lnk.hash.slice（1））；
[…pop.queryselectoral（“.socialsquare a”）].forEach（lnk=>lnk.href=lnk.href.replace（“共享”，url））
lnk.之后（流行音乐）
})
})

我们必须停止称特朗普的推动者为“保守派”，他们是激进的右派。
最近你经常听到“激进”这个词。它通常像致命武器一样瞄准民主党的求职者，尤其是那些想推翻共和党现任总统的人。乔治亚州共和党参议员凯利·洛弗勒（Kelly Loeffler）很少说出她的挑战者的名字，而不把他称为“激进的自由派拉斐尔·沃诺克（Raphael Warnock）”

来自椭圆形办公室内部的叛乱
特朗普总统推翻他输掉的选举的努力已经超越了仅仅是发泄不满，冒着破坏他被指控捍卫的美国民主的风险

我认为您需要对社交提要进行（http调用）以获取文章详细信息（包括链接），然后一旦获得数据，您就可以在页面中整合和呈现链接。

我认为您需要对社交提要进行（http调用）以获取文章详细信息（包括链接）一旦你有了数据，你就可以在你的页面中整合和呈现链接。

这实际上是一个评论，而不是答案。还有一点代表性。是的，这是一个评论，但我不能添加一个，正如你正确指出的。使用您建议的方法，所有社交链接都将呈现，然后使用js进行整合和重新呈现。不，因为文章已经由基于windows的应用程序获取，并直接注入网页，带有URL、说明、日期和OG图像，因此您已经拥有所有数据，那就更直截了当了。@caroline。我创建了一个windows软件，在那里我选择文章，只给他URL，它获取它们（标题、描述、OG图像、链接等），并为每篇文章创建HTML代码，包括每篇文章下Share DIV元素的100行代码，最后一页有5000行或更多行，这就是问题。这真的是一个评论，没有答案。还有一点代表性。是的，这是一个评论，但我不能添加一个，正如你正确指出的。使用您建议的方法，所有社交链接都将呈现，然后使用js进行整合和重新呈现。不，因为文章已经由基于windows的应用程序获取，并直接注入网页，带有URL、说明、日期和OG图像，因此您已经拥有所有数据，那就更直截了当了。@caroline。我创建了一个windows软件，在这里我选择文章，只给他URL，然后获取它们（标题、描述、OG图像、链接等），并为每篇文章创建HTML代码，包括每篇文章下Share DIV元素的100行代码，最后我得到