分享到微信微博QQ空间JS代码大全

转载 2015年07月08日 16:49:13

1.分享到微信,易信

分享到微信,易信比较简单,贴上分享链接的二维码就可以了。

二维码生成地址:http://cli.im/ (网上随便搜的)

2.分享到新浪微博

代码如下:

var _shareUrl ='http://v.t.sina.com.cn/share/share.php?&appkey=895033136';    //真实的appkey,必选参数
   _shareUrl += '&url='+encodeURIComponent(_url||document.location);    //参数url设置分享的内容链接|默认当前页location,可选参数
   _shareUrl += '&title=' +encodeURIComponent(_title||document.title);   //参数title设置分享的标题|默认当前页标题,可选参数
   _shareUrl += '&source=' + encodeURIComponent(_source||'');
   _shareUrl += '&sourceUrl=' + encodeURIComponent(_sourceUrl||'');
   _shareUrl += '&content=' + 'utf-8';  //参数content设置页面编码gb2312|utf-8,可选参数
   _shareUrl += '&pic=' + encodeURIComponent(_pic||''); //参数pic设置图片链接|默认为空,可选参数
   window.open(_shareUrl,'_blank','toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0,'+ 'width=' + _width + ',height=' + _height + ',top=' +(screen.height-_height)/2 + ',left=' + (screen.width-_width)/2);

appkey为必填参数。

详情请参考:http://open.weibo.com/wiki/ShareCode

 

3.分享到QQ空间

代码如下:

var _shareUrl ='http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?';
   _shareUrl += 'url=' + encodeURIComponent(_url||document.location);  //参数url设置分享的内容链接|默认当前页location
   _shareUrl += '&showcount=' + _showcount||0;     //参数showcount是否显示分享总数,显示:'1',不显示:'0',默认不显示
   _shareUrl += '&desc=' + encodeURIComponent(_desc||'分享的描述');   //参数desc设置分享的描述,可选参数
   _shareUrl += '&summary=' + encodeURIComponent(_summary||'分享摘要');   //参数summary设置分享摘要,可选参数
   _shareUrl += '&title=' +encodeURIComponent(_title||document.title);   //参数title设置分享标题,可选参数
   _shareUrl += '&site=' + encodeURIComponent(_site||'');  //参数site设置分享来源,可选参数
   _shareUrl += '&pics=' + encodeURIComponent(_pic||'');  //参数pics设置分享图片的路径,多张图片以"|"隔开,可选参数
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',top='+(screen.height-_height)/2+',left='+(screen.width-_width)/2+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');

详情请参考:http://connect.qq.com/intro/share/

 

4.分享到百度贴吧

代码如下:

var _shareUrl ='http://tieba.baidu.com/f/commit/share/openShareApi?';
   _shareUrl += 'title=' + encodeURIComponent(_title||document.title); //分享的标题
   _shareUrl += '&url=' +encodeURIComponent(_url||document.location); //分享的链接
   _shareUrl += '&pic=' + encodeURIComponent(_pic||'');   //分享的图片
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+(screen.width-_width)/2+',top='+(screen.height-_height)/2+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');

详情请参考:http://share.baidu.com/code/advance

 

5.分享到豆瓣

代码如下:

var _shareUrl ='http://shuo.douban.com/!service/share?';
   _shareUrl += 'href=' + encodeURIComponent(_url||location.href);   //分享的链接
   _shareUrl += '&name=' +encodeURIComponent(_title||document.title);   //分享的标题
   _shareUrl += '&image=' + encodeURIComponent(_pic||'');   //分享的图片
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+(screen.width-_width)/2+',top='+(screen.height-_height)/2+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');

 

6.分享到腾迅微博

代码如下:

var _shareUrl ='http://v.t.qq.com/share/share.php?';
   _shareUrl += 'title=' + encodeURIComponent(_title||document.title);   //分享的标题
   _shareUrl += '&url=' + encodeURIComponent(_url||location.href);   //分享的链接
   _shareUrl += '&appkey=5bd32d6f1dff4725ba40338b233ff155';   //在腾迅微博平台创建应用获取微博AppKey
   _shareUrl += '&site=' + encodeURIComponent(_site||'');  //分享来源
   _shareUrl += '&pic=' + encodeURIComponent(_pic||'');   //分享的图片,如果是多张图片,则定义var _pic='图片url1|图片url2|图片url3....'
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+(screen.width-_width)/2+',top='+(screen.height-_height)/2+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');

详情请参考:http://dev.t.qq.com/websites/share/

 

7.分享到人人网

代码如下:

var _shareUrl ='http://share.renren.com/share/buttonshare.do?';
   _shareUrl += 'link=' + encodeURIComponent(_url||location.href);  //分享的链接
   _shareUrl += '&title=' +encodeURIComponent(_title||document.title);    //分享的标题
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+(screen.width-_width)/2+',top='+(screen.height-_height)/2+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');

其他的分享内容会从页面中去抓取。

想了解更多,可参考:http://dev.renren.com/website/?widget=rrshare&content=use

 

8.分享到开心网

代码如下:有两种写法,第一种写法也是跳转到 http://www.kaixin001.com/rest/records.php这个链接地址。

var _shareUrl ='http://www.kaixin001.com/repaste/share.php?';
   _shareUrl += 'rtitle=' +encodeURIComponent(_title||document.title);  //分享的标题
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+(screen.width-_width)/2+',top='+(screen.height-_height)/2+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
var _shareUrl ='http://www.kaixin001.com/rest/records.php?';
   _shareUrl += 'url=' +encodeURIComponent(_url||location.href);   //分享的链接
   _shareUrl += '&content=' + encodeURIComponent('分享的文字');   //需要分享的文字,当文字为空时,自动抓取分享网址的title
   _shareUrl += '&pic=' + encodeURIComponent(_pic||'');    //分享的图片,多个使用半角逗号分隔
   _shareUrl += '&showcount=0';   //是否显示分享数,显示:'1',不显示:'0'
   _shareUrl += '&style=11';     //显示的样式,必选参数
   _shareUrl += '&aid=' + encodeURIComponent(_site||'');   //显示分享来源
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');

想了解更多,可参考:http://open.kaixin001.com/document.php?type=records#code

 

9.分享到facebook

代码如下:

var _shareUrl ='http://www.facebook.com/sharer/sharer.php?';
   _shareUrl += 'u=' + encodeURIComponent(_url||location.href);   //分享的链接
   _shareUrl += '&t=' +encodeURIComponent(_title||document.title);   //分享的标题
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');

 

10.分享到Twitter

代码如下:

var _shareUrl ='http://twitter.com/intent/tweet?';
   _shareUrl += 'url=' + encodeURIComponent(_url||location.href);   //分享的链接
   _shareUrl += '&text=' +encodeURIComponent(_title||document.title);   //分享的标题
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');

由于网络原因,可能分享不了。

 

11.案例

<!doctype html>
<html>
<head>
<metahttp-equiv="Content-Type" Content="text/html;charset=utf-8;">
<title>分享到微信微博空间等第三方平台的JS代码</title>
<meta name="author"content="rainna" />
<meta name="keywords"content="rainna's js lib" />
<meta name="description"content="js" />
<style>
*{margin:0;padding:0;}
img{border:0 none;}
body{background:#eee;}


.m-box{width:800px;margin:0auto;padding:20px;background:#fff;}
.m-box p{margin:0 0 10px;}
.m-box .icna{display:block;width:55px;height:35px;background:url('http://l.bst.126.net/rsc/img/weibo.png?035')no-repeat;}
.m-box .icn.wb1{background-position:10px -216px;}
.m-box .icn.wb2{background-position:-190px -216px;}
.m-box .icn.wb3{background:url(http://l.bst.126.net/rsc/img/postshare/tieba24.png) 15px 0no-repeat;}
.m-box .icn.wb4{background-position:-88px -215px;}
.m-box .icn.wb5{background-position:-138px -216px;}
.m-box .icn.wb6{background-position:-245px -216px;}
.m-box .icn.wb7{background-position:-300px -216px;}
.m-box .icn.wb8{background-position:-355px -216px;}
.m-box .icn.wb9{background-position:-415px -215px;}
</style>
</head>


<body>
<div class="m-box">
    <p>分享到微信,易信:</p>
    <divclass="icn"><img width="200"src="http://cli.clewm.net/qrcode/2015/01/21/2031452178.png"/></div>
</div>


<div class="m-box">
    <p>分享到新浪微博:<ahref="http://open.weibo.com/wiki/ShareCode"target="_blank">http://open.weibo.com/wiki/ShareCode</a></p>
    <divclass="icn"><a href="#" class="wb1"onclick="shareToSinaWB(event)"></a></div>
</div>


<div class="m-box">
    <p>分享到QQ空间:<ahref="http://connect.qq.com/intro/share/"target="_blank">http://connect.qq.com/intro/share/</a></p>
    <divclass="icn"><a href="#" class="wb2"onclick="shareToQzone(event)"></a></div>
</div>


<div class="m-box">
    <p>分享到百度贴吧:<ahref="http://share.baidu.com/code/advance"target="_blank">http://share.baidu.com/code/advance</a></p>
    <div class="icn"><ahref="#" class="wb3"onclick="shareToTieba(event)"></a></div>
</div>


<div class="m-box">
    <p>分享到豆瓣:</p>
    <divclass="icn"><a href="#" class="wb4"onclick="shareToDouban(event)"></a></div>
</div>


<div class="m-box">
    <p>分享到腾迅微博:<a href="http://dev.t.qq.com/websites/share/"target="_blank">http://dev.t.qq.com/websites/share/</a></p>
    <divclass="icn"><a href="#" class="wb5" onclick="shareToQQwb(event)"></a></div>
</div>


<div class="m-box">
    <p>分享到人人网:<ahref="http://dev.renren.com/website/?widget=rrshare&content=use"target="_blank">http://dev.renren.com/website/?widget=rrshare&content=use</a></p>
    <divclass="icn"><a href="#" class="wb6"onclick="shareToRenren(event)"></a></div>
</div>


<div class="m-box">
    <p>分享到开心网:<a href="http://open.kaixin001.com/document.php?type=records#code"target="_blank">http://open.kaixin001.com/document.php?type=records#code</a></p>
    <divclass="icn"><a href="#" class="wb7"onclick="shareToKaixin(event)"></a></div>
</div>


<div class="m-box">
    <p>分享到facebook:</p>
    <divclass="icn"><a href="#" class="wb8"onclick="shareToFacebook(event)"></a></div>
</div>


<div class="m-box">
    <p>分享到Twitter:</p>
    <divclass="icn"><a href="#" class="wb9"onclick="shareToTwitter(event)"></a></div>
</div>


<script>
var_title,_source,_sourceUrl,_pic,_showcount,_desc,_summary,_site,
    _width = 600,
    _height = 600,
    _top =(screen.height-_height)/2,
    _left =(screen.width-_width)/2,
    _url ='http://traveliceland.lofter.com/post/352b58_579d8e7',
    _pic ='http://m3.img.srcdd.com/farm4/d/2015/0113/11/6AE3FEBE500857BF82CA97E8F03DD6A8_B500_900_500_411.jpeg';


    
//分享到新浪微博   
function shareToSinaWB(event){
    event.preventDefault();
    
    var _shareUrl ='http://v.t.sina.com.cn/share/share.php?&appkey=895033136';    //真实的appkey,必选参数 
    _shareUrl +='&url='+ encodeURIComponent(_url||document.location);     //参数url设置分享的内容链接|默认当前页location,可选参数
    _shareUrl +='&title=' + encodeURIComponent(_title||document.title);    //参数title设置分享的标题|默认当前页标题,可选参数
    _shareUrl +='&source=' + encodeURIComponent(_source||'');
    _shareUrl +='&sourceUrl=' + encodeURIComponent(_sourceUrl||'');
    _shareUrl +='&content=' + 'utf-8';   //参数content设置页面编码gb2312|utf-8,可选参数
    _shareUrl += '&pic='+ encodeURIComponent(_pic||'');  //参数pic设置图片链接|默认为空,可选参数
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',top='+_top+',left='+_left+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
}


//分享到QQ空间
function shareToQzone(event){
    event.preventDefault();
    
    var _shareUrl ='http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?';
    _shareUrl += 'url=' +encodeURIComponent(_url||document.location);   //参数url设置分享的内容链接|默认当前页location
    _shareUrl +='&showcount=' + _showcount||0;      //参数showcount是否显示分享总数,显示:'1',不显示:'0',默认不显示
    _shareUrl +='&desc=' + encodeURIComponent(_desc||'分享的描述');   //参数desc设置分享的描述,可选参数
    _shareUrl +='&summary=' + encodeURIComponent(_summary||'分享摘要');   //参数summary设置分享摘要,可选参数
    _shareUrl +='&title=' + encodeURIComponent(_title||document.title);    //参数title设置分享标题,可选参数
    _shareUrl +='&site=' + encodeURIComponent(_site||'');   //参数site设置分享来源,可选参数
    _shareUrl += '&pics='+ encodeURIComponent(_pic||'');   //参数pics设置分享图片的路径,多张图片以"|"隔开,可选参数
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',top='+_top+',left='+_left+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
}


//分享到百度贴吧
function shareToTieba(event){
    event.preventDefault();
    
    var _shareUrl ='http://tieba.baidu.com/f/commit/share/openShareApi?';
    _shareUrl += 'title=' +encodeURIComponent(_title||document.title);  //分享的标题
    _shareUrl +='&url=' + encodeURIComponent(_url||document.location);  //分享的链接
    _shareUrl +='&pic=' + encodeURIComponent(_pic||'');    //分享的图片
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
}


//分享到豆瓣
function shareToDouban(event){
    event.preventDefault();


    var _shareUrl ='http://shuo.douban.com/!service/share?';
    _shareUrl += 'href=' +encodeURIComponent(_url||location.href);    //分享的链接
    _shareUrl +='&name=' + encodeURIComponent(_title||document.title);    //分享的标题
    _shareUrl +='&image=' + encodeURIComponent(_pic||'');    //分享的图片
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
}


//分享到腾迅微博
function shareToQQwb(event){
    event.preventDefault();
    
    var _shareUrl ='http://v.t.qq.com/share/share.php?';
    _shareUrl += 'title=' +encodeURIComponent(_title||document.title);    //分享的标题
    _shareUrl +='&url=' + encodeURIComponent(_url||location.href);    //分享的链接
    _shareUrl +='&appkey=5bd32d6f1dff4725ba40338b233ff155';    //在腾迅微博平台创建应用获取微博AppKey
    _shareUrl +='&site=' + encodeURIComponent(_site||'');   //分享来源
    _shareUrl +='&pic=' + encodeURIComponent(_pic||'');    //分享的图片,如果是多张图片,则定义var _pic='图片url1|图片url2|图片url3....'
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
}


//分享到人人网
function shareToRenren(event){
    event.preventDefault();
    
    var _shareUrl ='http://share.renren.com/share/buttonshare.do?';
    _shareUrl += 'link=' +encodeURIComponent(_url||location.href);   //分享的链接
    _shareUrl +='&title=' + encodeURIComponent(_title||document.title);     //分享的标题
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
}


//分享到开心网
function shareToKaixin(event){
    event.preventDefault();
    
    var _shareUrl ='http://www.kaixin001.com/rest/records.php?';
    _shareUrl += 'url=' +encodeURIComponent(_url||location.href);    //分享的链接
    _shareUrl +='&content=' + encodeURIComponent('分享的文字');   //需要分享的文字,当文字为空时,自动抓取分享网址的title
    _shareUrl +='&pic=' + encodeURIComponent(_pic||'');     //分享的图片,多个使用半角逗号分隔
    _shareUrl +='&showcount=0';    //是否显示分享数,显示:'1',不显示:'0'
    _shareUrl +='&style=11';      //显示的样式,必选参数
    _shareUrl +='&aid=' + encodeURIComponent(_site||'');    //显示分享来源
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
}


function shareToKaixin2(event){
    event.preventDefault();
    
    var _shareUrl ='http://www.kaixin001.com/repaste/share.php?';
    _shareUrl += 'rtitle='+ encodeURIComponent(_title||document.title);   //分享的标题
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
}


//分享到facebook
function shareToFacebook(event){
    event.preventDefault();
    
    var _shareUrl ='http://www.facebook.com/sharer/sharer.php?';
    _shareUrl += 'u=' +encodeURIComponent(_url||location.href);    //分享的链接
    _shareUrl += '&t='+ encodeURIComponent(_title||document.title);    //分享的标题
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
}




//分享到Twitter
function shareToTwitter(event){
    event.preventDefault();
    
    var _shareUrl ='http://twitter.com/intent/tweet?';
    _shareUrl += 'url=' +encodeURIComponent(_url||location.href);    //分享的链接
    _shareUrl +='&text=' + encodeURIComponent(_title||document.title);    //分享的标题
   window.open(_shareUrl,'_blank','width='+_width+',height='+_height+',left='+_left+',top='+_top+',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
}
</script>
</body>
</html>


微信JS-SDK实现自定义分享功能,分享给朋友,分享到QQ,分享到微博

其实除了可以在微信上分享到朋友圈和发送给好友,微信的分享接口还提供了分享到QQ和分享到腾讯微博……小编又继续去微信公众平台学习了一下,其实都是一样的嘛!就是在页面的config接口注入权限验证配置好就...
  • xdd19910505
  • xdd19910505
  • 2016年03月23日 10:17
  • 5029

HBuilder webApp开发(七)微信/QQ/新浪/腾讯微博分享

HUbuild是支持微信分享(好友和朋友圈),QQ分享,新浪微博和腾讯微博分享。 但是在使用的过程中,官方给的文档似乎很坑爹。 《分享插件配置》 《分享插件开发指南》 都是2014年7月发表的...
  • zhuming3834
  • zhuming3834
  • 2016年06月18日 17:33
  • 14073

html代开QQ和微信的href

点击这里打开微信 打开qq聊天框
  • yongzhen150
  • yongzhen150
  • 2017年03月15日 11:16
  • 838

web网页,移动端h5页面添加微信分享,qq分享等功能

http://www.jiathis.com/ 打开以上网页,将代码复制到你的页面中,即可 优点:使用方便 缺点:无法做统计...
  • zpf0918
  • zpf0918
  • 2016年08月16日 15:10
  • 4479

js分享代码(新浪微博,腾讯微博,QQ空间,QQ好友)

js分享代码(新浪微博,腾讯微博,QQ空间,QQ好友) 代码如下: 君乐科技js分享代码 点击下方图...
  • huweijun_2012
  • huweijun_2012
  • 2016年08月03日 21:06
  • 7893

HTML代码 网页设置 QQ空间等分享

转载链接:http://zhidao.baidu.com/link?url=gpehGR7eSSyilECgVIOuZnDycBUjKABR2VubZAUSRD89qQrNhlCBxHuIUq9mQm...
  • dmtnewtons
  • dmtnewtons
  • 2014年06月10日 09:00
  • 4230

js 实现分享功能(分享到qq空间,新浪微博)

//分享到新浪微博 function shareToXl(title,url,picurl){ var sharesinastring='http://v.t.sina.com.cn/share/...
  • bingfeng119
  • bingfeng119
  • 2017年03月30日 14:21
  • 4532

分享到QQ空间和新浪微博

这里有2种方法来说明一下分享到QQ空间和新浪微博 html代码 分享到QQ空间 分享到新浪微博 方法一: //分享到QQ空间 fu...
  • seven0404
  • seven0404
  • 2016年09月29日 18:42
  • 2436

微信js-sdk实现“分享到朋友圈”和“发送给朋友”

微信接口文档地址:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115&token=&lang=zh_CN 实现步骤: 1...
  • xiaoguo321
  • xiaoguo321
  • 2016年05月23日 19:08
  • 26200

微信内置浏览器 用 JS 调用微信APP分享到微信朋友圈

昨天开始搞分享到微信朋友圈,要求直接调用微信APP的分享到朋友圈。。。    1:首先你需要完成微信的六大前期准备工作,这也是最烦人的。请仔细阅读微信的APP文档:    文档地址:https:/...
  • kimizhou_blog
  • kimizhou_blog
  • 2017年05月17日 16:04
  • 7456
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:分享到微信微博QQ空间JS代码大全
举报原因:
原因补充:

(最多只允许输入30个字)