博客列表 >将网页分享至QQ或QQ空间

将网页分享至QQ或QQ空间

布丁
布丁原创
2020年09月14日 16:15:191793浏览

1、放置分享按钮

  1. <button onclick='ShareUtil.shareToQQ({
  2. url: "",
  3. title: "",
  4. summary: "",
  5. desc: "",
  6. pics: ""
  7. })'>
  8. </button>

2、核心JavaScript

  1. <script>
  2. var ShareUtil = {
  3. openShareUrl: function (url) {
  4. var a = document.createElement("a");
  5. a.href = url;
  6. a.target = "_blank";
  7. a.click();
  8. },
  9. shareToQQ: function (option) {
  10. var url = "https://connect.qq.com/widget/shareqq/index.html" +
  11. "?url=" + encodeURIComponent(option.url) +
  12. "&title=" + encodeURIComponent(option.title) +
  13. "&source=" + encodeURIComponent('这里是你的网站首页地址') +
  14. "&summary=" + encodeURIComponent(option.desc) +
  15. "&pics=" + encodeURIComponent(option.pics) +
  16. "&desc=" + encodeURIComponent(option.summary);
  17. ShareUtil.openShareUrl(url);
  18. },
  19. shareToQZone: function (option) {
  20. var url = "https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey" +
  21. "?url=" + encodeURIComponent(option.url) +
  22. "&title=" + encodeURIComponent(option.title) +
  23. "&summary=" + encodeURIComponent(option.desc) +
  24. "&desc=" + encodeURIComponent(option.summary) +
  25. "&site=" + encodeURIComponent('这里是你的网站首页地址') +
  26. "&pics=" + encodeURIComponent(option.pics);
  27. ShareUtil.openShareUrl(url);
  28. }
  29. }
  30. </script>

3、参数说明

1)shareToQQ:

字段 说明
url 要分享的网页地址
title 分享显示的标题
source 分享内容的来源,网站首页即可
summary 分享显示的描述
pics 分享显示的图片,可省略
desc 分享附带的文字内容,以一条文本消息的形式跟随分享的内容发送给好友

2)shareToQZone:

字段 说明
url 要分享的网页地址
title 分享显示的标题
site 分享内容的来源,网站首页即可
summary 分享显示的描述
pics 分享显示的图片,可省略
desc 分享附带的文字内容,相当于空间发说说时的文案
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议