博主信息
布丁
博文
5
粉丝
0
评论
0
访问量
365
积分:0
P豆:12

将网页分享至QQ或QQ空间

2020年09月14日 16:15:19阅读数:57博客 / 布丁/ QQ

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 分享附带的文字内容,相当于空间发说说时的文案

全部评论

文明上网理性发言,请遵守新闻评论服务协议

条评论
  • 首先打开QQ群聊天窗口,点击导航栏中的“应用”。然后在应用面中点击“群”,选择“复制加群链接”。再加该链接发送给别人者其他即可。