如何在Share按钮中输入当前网站的URL？

Question

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

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

示例：

Page 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分享主页：

Page 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）

只有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";