html - 如何在分享按钮中输入当前网站的网址？

Question

我用 HTML 和 CSS 编写了一些基本的共享按钮。我想将这些按钮放在一个简单的 HTML 网站上的 300 个不同页面上。

有没有一种简单的方法来询问网站的当前链接，而不是手动输入网站 URL？

例子：

第 1 页 www.site.com/home.html

<a class='share-facebook' href="http://www.facebook.com/sharer.php?u= www.site.com/home.html" target="_blank">

现在将通过 Facebook 共享主页：

第 2 页 www.site.com/info.html

<a class='share-facebook' href="http://www.facebook.com/sharer.php?u=[current website url-tag or code?]" target="_blank">

我应该在“当前网站 URL 标签或代码”中输入什么来获得预期的结果？（分享 www.info.html 无需手动输入 URL）

甚至可能只使用 HTML 吗？如果没有，JS应该是什么样子？

Answer 1

不，这对于纯 HTML 是不可能的。事实上，这通常是使用 PHP 等语言在服务器端完成的：

<a class='share-facebook' href="http://www.facebook.com/sharer.php?u=<?="http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"?>" target="_blank">

在 JavaScript 中，您可能必须首先为您的链接分配一个 ID。

HTML：

<a class='share-facebook' href="http://www.facebook.com/sharer.php?u=[current website url-tag or code?]" target="_blank" id="facebook-button">

JavaScript：

document.getElementById("facebook-button").href="document.URL";