使用到的接口:

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好友、新浪微博、微信代码相关推荐

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

    js分享代码(新浪微博,腾讯微博,QQ空间,QQ好友) 代码如下: <!DOCTYPE html> <html lang="en"> <head> ...

  2. Vue项目实现web端第三方分享(qq、qq空间、微博、微信)

    开发背景:文章详情页面需要分享到第三方,包括qq.qq空间.微博.微信. 一.封装一个share.js文件,放在目录/utils下 // share.js// url - 需要分享的页面地址(当前页面 ...

  3. 使用vb脚本实现QQ空间相册好友查验功能

    使用vb脚本实现QQ空间相册好友查验功能 1.思路 a.需要创建一个变量(执行方法) b.需要使用输入框方法,用来接受用户输入的内容 c.给予用户输入的内容进行判断 d.当判断结果为true时,弹出一 ...

  4. html5仿qq空间,JS实现的仿QQ空间图片弹出效果代码

    本文实例讲述了JS实现的仿QQ空间图片弹出效果代码.分享给大家供大家参考,具体如下: function imageShow(which_click) { var image_path = which_ ...

  5. 网页分享功能 支持 微信二维码 qq空间 qq好友 新浪微博 百度贴吧 豆瓣 人人...

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. 一键分享到微博、QQ、微信、QQ空间、豆瓣、人人网、开心网、百度贴吧~

    **分享到微博.QQ.微信.空间等平台功能有很多插件可以用,例如:bShare. **1.bShare插件的使用** <dt>分享到:</dt> <dd> < ...

  7. Selenium学习——QQ空间点赞好友说说

    项目要求,给自己空间所有好友发的说说点赞&给单个好友所有说说点赞 遇到的问题: 问题一:只能获取头几条说说,其他获取不到原因:"feed_page_container"这个 ...

  8. 【伪大数据】对QQ空间指定好友2017年说说数据的分析

    没错,我准备用我高考60分的数学水平以及小学生都不如的表达水平加上只会HELLO WORLD的编程水平来一次关于QQ空间动态的分析. 一.概况 本次爬虫的对象为我学校的一个"表白墙" ...

  9. python分析qq好友_Python2.7获取QQ空间部分好友

    首先需要安装curl工具,然后复制curl 参考http://blog..net/gsls200808/article/details/46933307 浏览器打开http://user.qzone. ...

最新文章

  1. Gradle入门系列(4):创建二进制发布版本
  2. mysql lbs 附近的人_一口气说出 4种 LBS “附近的人” 实现方式,面试官笑了
  3. gitlab windows安装_gitlab pages之gitlab-runner 安装(windows)
  4. c语言程序设计迷宫,C语言程序设计课程设计-迷宫.doc
  5. [jvm]对象访问机制
  6. Java阻塞队列ArrayBlockingQueue和LinkedBlockingQueue实现原理分析
  7. spring教程(上)
  8. DPDK - TX-Offload Checksum
  9. 抓包工具之MitmProxy
  10. iOS音视频理论基础
  11. terrasolid时间设置
  12. IDS与IPS的区别是什么?
  13. 闲时整理(5)--圆形标签
  14. FreeSWITCH折腾笔记9——使用FS做一个i-SBC
  15. 如何将电脑设置为定时关机?
  16. MySQL日期和时间函数 整理
  17. MySQL教程——4 高级篇(性能调优、锁)
  18. 并行算法设计与性能优化 刘文志 第2章 现代处理器特性
  19. 二叉树的前序遍历、中序遍历、后序遍历
  20. await 到底在等啥?

热门文章

  1. 苹果系统 12无服务器,iPhone12无服务怎么办 iPhone12无服务解决方法
  2. DruidDataSource理解数据库Mysql超时设置
  3. linux下quota实现用户的硬盘配额
  4. GEE学习笔记【5】GEE的数据类型之Image Collection,卫星数据,矩阵
  5. 基于云原生的火山引擎边缘云应用与实践
  6. 和我一起学习Processing全系列--01 Processing 介绍
  7. 《可爱的Python》读书笔记(四)
  8. 如果显示WinEdt 30天到期了怎么办
  9. html移出定时器,鼠标移入启动定时器,移出清除定时器
  10. Linux 获取上个月的第一秒和上个月的最后一秒