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

废话不多说，直接上代码

HTML

JS

$('.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.shareUrl+"&title="+d.sharetitle+"&pic="+d.shareImg;//自定义图片用这个

}

拓展：

微博分享API参数说明

count=表示是否显示当前页面被分享数量(1显示)(可选，允许为空)
&url=将页面地址转成短域名，并显示在内容文字后面。(可选，允许为空)
&appkey=用于发布微博的来源显示，为空则分享的内容来源会显示来自互联网。(可选，允许为空)
&title=分享时所示的文字内容，为空则自动抓取分享页面的title值(可选，允许为空)
&pic=自定义图片地址，作为微博配图(可选，允许为空)
&ralateUid=转发时会@相关的微博账号(可选，允许为空)
&language=语言设置(zh_cn|zh_tw)(可选)
&searchPic= true/false 用于控制是否自动爬取页面的图片，和pic不共存