📜  如何使用 JavaScript 返回共享按钮的当前 URL?(1)

📅  最后修改于: 2023-12-03 15:38:03.030000             🧑  作者: Mango

如何使用 JavaScript 返回共享按钮的当前 URL?

如果你在开发一个网站或者应用,你可能会想要添加共享按钮让用户可以分享你的内容到社交媒体等平台上。在这种情况下,你需要获取当前页面的 URL,这是构建共享按钮所必需的。

下面是使用 JavaScript 取得当前页面 URL 的代码片段:

var currentUrl = window.location.href;

以上的代码通过访问浏览器对象的 location 属性,获取了当前页面的 URL,并将其存储在 currentUrl 这个变量中。

如果你需要在点击共享按钮时自动获取当前页面的 URL,你可以在共享按钮的点击事件处理函数中使用上面的代码片段。在处理函数中,你可以使用获取到的 URL,将其传递到你的共享服务商 API 中。

例如,如果你想让用户分享你的网页到 Facebook 上,你可以在点击分享按钮时,将获取到的 URL 传递到 Facebook 提供的 API 中:

var shareUrl = 'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(currentUrl);
window.open(shareUrl, '_blank');

以上的代码将当前页面 URL 查询串化,然后拼接在 Facebook 的分享 URL 后面,通过调用 window.open() 打开一个新窗口启动分享流程。

现在你已经掌握了如何使用 JavaScript 获取当前页面的 URL,并将其传递给共享服务商 API,让用户可以快速地分享你的内容了。