2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > web端网页qq好友 qq空间 微信 微博分享

web端网页qq好友 qq空间 微信 微博分享

时间:2021-07-14 17:14:58

相关推荐

web端网页qq好友 qq空间 微信 微博分享

1.分享给qq好友

window.open("/widget/shareqq/index.html?url=" +encodeURIComponent(要分享的网址) +"?sharesource=qzone&title=" +自定义标题 +"&pics=" +自定义图片 +"&summary=" +自定义概要 +"&desc=" + 自定义描述);

:要分享的网址一定要用encodeURIComponent(url)方法进行转码

2.分享到qq空间

window.open('https://sns./cgi-bin/qzshare/cgi_qzshare_onekey?url='+要分享的网址 +'&sharesource=qzone&title='+自定义标题 +'&pics='+你的分享图片 +'&summary='+自定义描述);

3.分享到微信(扫码分享 生成的二维码qq也能扫)

3.1 vue写法

npm引入依赖"qrcode": "^1.4.4"

import QRCode from "qrcode";

先在页面上定义一个canvas标签

<canvas class="canvas" id="canvas" ref="canva"> </canvas>

js代码:

createQRcode(url) {let canvas = this.$refs.canva;QRCode.toCanvas(canvas, url, {margin: 1.5 }, function(error) {if (error) console.error(error);});canvas.style.display = "block"; //显示canvasthis.qrcode = canvas.toDataURL("image/png");}//调用方法this.createQRcode(要分享的网址)

3.2 原生js写法

引入qrcode.min.js文件 (自己去找吧)

<div class="testCode"></div>

// 生成测试链接二维码function createQRcode(url) {let qrcode = new QRCode(document.getElementsByClassName("testCode")[0]);qrcode.makeCode(url);}//调用方法createQRcode(location.href);

4.分享到微博

window.open("http://v./share/share.php?pic=" +自定义图片 +"&title=" +自定义标题 +"&url=" +要分享的网址);

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。