网页一键分享到QQ空间、QQ好友、新浪微博、微信代码
使用到的接口:
1. 分享到QQ空间接口
https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片&summary=你的分享描述信息
2. 分享给QQ好友接口
http://connect.qq.com/widget/shareqq/index.html?url=你的分享网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片地址&summary=你的分享描述&desc=你的分享简述
3.分享到新浪微博接口
http://service.weibo.com/share/share.php?url=你的分享网址&sharesource=weibo&title=你的分享标题&pic=你的分享图片&appkey=你的key
注意:appkey 需要在新浪微博开放平台中申请 ( http://open.weibo.com/connect )
参考代码
html
<div class="shareBox"><span class="">分享到:</span><span @click="shareDo('qzone','MVC前端网(menVScode)','http://www.menvscode.com/upload/41464238946737386.png')"> <img src="http://zixuephp.net/static/images/qqzoneshare.png" width="30"> </span> <span @click="shareDo('qq','MVC前端网(menVScode)','http://www.menvscode.com/upload/41464238946737386.png')"> <img src="http://zixuephp.net/static/images/qqshare.png" width="32"> </span> <span @click="shareDo('sina','MVC前端网(menVScode)','http://www.menvscode.com/upload/41464238946737386.png')"> <img src="http://zixuephp.net/static/images/sinaweiboshare.png" width="36"> </span> <span @click="shareDo('wechat','MVC前端网(menVScode)','http://www.menvscode.com/upload/41464238946737386.png')"> <img src="http://zixuephp.net/static/images/wechatshare.png" width="32"> </span>
</div>
js
function shareTo(stype,title,url) {let shareTitle = title //标题let imgUrl = url //图片//qq空间接口的传参if(stype=='qzone'){window.open('https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+document.location.href+'?sharesource=qzone&title='+shareTitle+'&pics='+imgUrl+'&summary='+document.querySelector('meta[name="description"]').getAttribute('content'));}//新浪微博接口的传参if(stype=='sina'){window.open('http://service.weibo.com/share/share.php?url='+document.location.href+'?sharesource=weibo&title='+shareTitle+'&pic='+imgUrl+'&appkey=70876773');}//qq好友接口的传参if(stype == 'qq'){window.open('http://connect.qq.com/widget/shareqq/index.html?url='+document.location.href+'?sharesource=qzone&title='+shareTitle+'&pics='+imgUrl+'&summary='+document.querySelector('meta[name="description"]').getAttribute('content')+'&desc='+shareTitle);}//生成二维码给微信扫描分享,php生成,也可以用jquery.qrcode.js插件实现二维码生成if(stype == 'wechat'){window.open('http://zixuephp.net/inc/qrcode_img.php?url=http://zixuephp.net/article-1.html');}
}export default shareTo
网页一键分享到QQ空间、QQ好友、新浪微博、微信代码相关推荐
- js分享代码(新浪微博,腾讯微博,QQ空间,QQ好友)
js分享代码(新浪微博,腾讯微博,QQ空间,QQ好友) 代码如下: <!DOCTYPE html> <html lang="en"> <head> ...
- Vue项目实现web端第三方分享(qq、qq空间、微博、微信)
开发背景:文章详情页面需要分享到第三方,包括qq.qq空间.微博.微信. 一.封装一个share.js文件,放在目录/utils下 // share.js// url - 需要分享的页面地址(当前页面 ...
- 使用vb脚本实现QQ空间相册好友查验功能
使用vb脚本实现QQ空间相册好友查验功能 1.思路 a.需要创建一个变量(执行方法) b.需要使用输入框方法,用来接受用户输入的内容 c.给予用户输入的内容进行判断 d.当判断结果为true时,弹出一 ...
- html5仿qq空间,JS实现的仿QQ空间图片弹出效果代码
本文实例讲述了JS实现的仿QQ空间图片弹出效果代码.分享给大家供大家参考,具体如下: function imageShow(which_click) { var image_path = which_ ...
- 网页分享功能 支持 微信二维码 qq空间 qq好友 新浪微博 百度贴吧 豆瓣 人人...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 一键分享到微博、QQ、微信、QQ空间、豆瓣、人人网、开心网、百度贴吧~
**分享到微博.QQ.微信.空间等平台功能有很多插件可以用,例如:bShare. **1.bShare插件的使用** <dt>分享到:</dt> <dd> < ...
- Selenium学习——QQ空间点赞好友说说
项目要求,给自己空间所有好友发的说说点赞&给单个好友所有说说点赞 遇到的问题: 问题一:只能获取头几条说说,其他获取不到原因:"feed_page_container"这个 ...
- 【伪大数据】对QQ空间指定好友2017年说说数据的分析
没错,我准备用我高考60分的数学水平以及小学生都不如的表达水平加上只会HELLO WORLD的编程水平来一次关于QQ空间动态的分析. 一.概况 本次爬虫的对象为我学校的一个"表白墙" ...
- python分析qq好友_Python2.7获取QQ空间部分好友
首先需要安装curl工具,然后复制curl 参考http://blog..net/gsls200808/article/details/46933307 浏览器打开http://user.qzone. ...
最新文章
- Gradle入门系列(4):创建二进制发布版本
- mysql lbs 附近的人_一口气说出 4种 LBS “附近的人” 实现方式,面试官笑了
- gitlab windows安装_gitlab pages之gitlab-runner 安装(windows)
- c语言程序设计迷宫,C语言程序设计课程设计-迷宫.doc
- [jvm]对象访问机制
- Java阻塞队列ArrayBlockingQueue和LinkedBlockingQueue实现原理分析
- spring教程(上)
- DPDK - TX-Offload Checksum
- 抓包工具之MitmProxy
- iOS音视频理论基础
- terrasolid时间设置
- IDS与IPS的区别是什么?
- 闲时整理(5)--圆形标签
- FreeSWITCH折腾笔记9——使用FS做一个i-SBC
- 如何将电脑设置为定时关机?
- MySQL日期和时间函数 整理
- MySQL教程——4 高级篇(性能调优、锁)
- 并行算法设计与性能优化 刘文志 第2章 现代处理器特性
- 二叉树的前序遍历、中序遍历、后序遍历
- await 到底在等啥?