一个简单的js在html5中实现分享到朋友圈 qq空间微博

最新推荐文章于 2025-05-30 09:38:19 发布

原创

最新推荐文章于 2025-05-30 09:38:19 发布 · 2.9k 阅读

2 ·

CC 4.0 BY-SA版权

这篇博客介绍了如何使用简单的JavaScript代码在HTML5环境中实现在朋友圈、QQ空间和微博上的分享功能。作者是一名大学生，提供了代码示例和调用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一个简单的js在html5中实现分享到朋友圈 qq空间微博

欢迎观看此博客

大家好，我是一名大学生，第一次写博客，如果有什么问题，请提出来。谢谢

下面是实现分享到朋友圈微博的代码
我们在HTML 中写下列代码

<div>
  <a href="#" class="bds_more" data-cmd="more"></a>
  <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
  <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
  <a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
  <a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
  <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
</div>

在写一个js文件然后调用
我们命名为NativeShare.js

window._bd_share_config = {
	"common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "16" },
	"share": {},
	"image": { "viewList": ["qzone", "tsina", "tqq", "renren", "weixin