H5手机端JS实现微博分享实例详解

猿学

于 2018-12-27 15:57:48 发布

阅读量4.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML JS 文章标签： H5 第三方分享微博分享手机端微博分享

资料多来源于网络，如有侵权，请联系本人予以删除

本文链接：https://blog.csdn.net/weixin_38787928/article/details/85286267

JS 同时被 2 个专栏收录

29 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

HTML

8 篇文章

订阅专栏

本文详细解析了如何使用JavaScript在H5手机端实现微博分享功能，包括核心代码展示和微博分享API参数的详细说明，如count、url、appkey、title、pic等参数的使用。

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

废话不多说，直接上代码

HTML

<div class="viewshare wb"></div>

$('.wb').click(function(){

   window.sharetitle = title; //分享内容的标题

   window.shareUrl = encodeURIComponent(location.href);//分享内容的链接,链接一定要用encodeURIComponent处理一下，不然分享之后的链接会没有参数

   window.shareImg = imgUrl; //分享内容的图片链接

   wbshare();

});

function wbshare(){
         var d= window;
         d.location.href="http://service.weibo.com/share/share.php?url="+d.shareUrl+"&title="+d.sharetitle+"&searchPic=true";//微博自动抓取图片用这个
         d.location.href="http://service.weibo.com/share/share.php?url="+d.sha