如果你希望用户能够方便地分享你的网站内容到脸谱网，那么在你的网站上添加脸谱网共享按钮将是一个不错的选择。在本文中，我们将介绍如何使用简单的 HTML 和 JavaScript 代码来实现这个功能。
第一步：获取脸谱网共享按钮代码
脸谱网官方提供了一些共享按钮样式和代码，你可以在其开发者中心找到它们。在这里，我们选择 "Share Button" 这个选项，并且按照自己的需求进行设置（如语言、显示方式等）。
然后，点击 "Get Code" 按钮，将会得到一个代码块。在这个代码块中，你会看到一个类似下面的代码：
<div class="fb-share-button" data-href="https://example.com/" data-layout="button_count"></div>
其中 data-href 属性指定要分享的链接，而 data-layout 属性则决定了按钮的样式。除了 "button_count" 外，脸谱网还提供了其他几种样式，你可以根据你的需要进行选择。
第二步：将共享按钮添加到你的网站上
将上面的代码块添加到你的网站 HTML 文件的合适位置，就可以在你的网站上看到一个脸谱网共享按钮了。当用户点击这个按钮时，它将会弹出一个对话框，让用户输入他们想要分享的消息。
-- -------------------- ---- -------
--------- -----
------
------
--------- ---------------
-------
------
----------- -- -- ------------
------- ------- -----------
---- ----------------------- -------------------------------- ---------------------------------
------- ----- ----- ----------------------- --------------------------------------------------------------------- ------------------------
-------
-------上面的代码中，我们在 HTML 文件的合适位置添加了 div 元素，其中包含了脸谱网共享按钮的代码块。同时，我们还引入了脸谱网 JavaScript SDK，以确保按钮能够正常工作。
第三步：测试你的共享按钮
现在，你已经成功地添加了一个脸谱网共享按钮到你的网站中。为了确保它正常工作，你可以在浏览器中打开你的网站，并点击该按钮，看是否能够正确地弹出对话框。
如果你遇到任何问题或有进一步的疑问，请参考脸谱网开发者中心提供的文档或社区支持。
希望这篇文章对你有所帮助，祝你的共享按钮越来越受欢迎！
示例代码
完整的示例代码如下所示：
-- -------------------- ---- -------
--------- -----
------
------
--------- ---------------
-------
------
----------- -- -- ------------
------- ------- -----------
---- ----------------------- -------------------------------- ---------------------------------
------- ----- ----- ----------------------- --------------------------------------------------------------------- ------------------------
-------
-------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12579