首页 > 其他 > 详细

在pc端中实现分享功能

时间:2020-09-29 15:56:28      阅读:73      评论:0      收藏:0      [点我收藏+]

直接上代码:

首先定义一个点击事件,在点击事件中添加方法,我是要做分享到微博和qq空间的。

方法如下:

 share(type) {
        let info = {
            title: "我发现了一个非常棒的课程~~~",
            url: window.location.href,
            picurl: ""
        };
        let shareStr = "";
        switch (type) {
            case "weibo":
                shareStr =
                    "http://v.t.sina.com.cn/share/share.php?title=" +
                    info.title +
                    "&url=" +
                    info.url +
                    "&content=utf-8&sourceUrl=" +
                    info.url +
                    "&pic=" +
                    info.picurl;
                break;
            case "qq":
                shareStr =
                    "https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=" +
                    encodeURIComponent(info.url.split("http://")[1]) +
                    "&sharesource=qzone&desc=" +
                    info.title +
                    "&pics=" +
                    info.picurl +
                    "&title=" +
                    info.title +
                    "&site=" +
                    info.title;
                break;
            default:
                break;
        }
        window.open(
            shareStr,
            "newwindow",
            "height=600,width=800,top=100,left=100"
        );
    }

 直接通拓type传入,你要分享的是微博,还是qq就行了。

效果如下:

技术分享图片

 

在pc端中实现分享功能

原文:https://www.cnblogs.com/baisong11/p/13749279.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!