QQ 空间 微博 分享内容功能

最新推荐文章于 2021-08-23 16:03:24 发布
最新推荐文章于 2021-08-23 16:03:24 发布
阅读量183 收藏
点赞数
分类专栏： Js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xulong5000/article/details/104043576
版权

<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="pragma" content="no-cache" />
    <title>asdfasdfasdfdsaf</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        img {
            border: 0 none;
        }

        body {
            background: #eee;
        }

        .m-box {
            width: 800px;
            margin: 0 auto;
            padding: 20px;
            background: #fff;
        }

            .m-box p {
                margin: 0 0 10px;
            }

            .m-box .icn a {
                display: block;
                width: 55px;
                height: 35px;
                background: url('http://l.bst.126.net/rsc/img/weibo.png?035') no-repeat;
            }

            .m-box .icn .wb1 {
                background-position: 10px -216px;
            }

            .m-box .icn .wb2 {
                background-position: -190px -216px;
            }

            .m-box .icn .wb3 {
                background: url(http://l.bst.126.net/rsc/img/postshare/tieba24.png) 15px 0 no-repeat;
            }

            .m-box .icn .wb4 {
                background-position: -88px -215px;
            }

            .m-box .icn .wb5 {
                background-position: -138px -216px;
            }

            .m-box .icn .wb6 {
                background-position: -245px -216px;
            }

            .m-box .icn .wb7 {
                background-position: -300px -216px;
            }

            .m-box .icn .wb8 {
                background-position: -355px -216px;
            }

            .m-box .icn .wb9 {
                background-position: -415px -215px;
            }
    </style>
</head>

<body>
    <div class="m-box">
        <p>分享到微信,易信:</p>
        <div class="icn"><img src="http://qr.topscan.com/api.php?text=http://www.baidu.com&w=125" /></div>
    </div>

    <div class="m-box">
        <p>分享到新浪微博:</p>
        <div class="icn"><a class="wb1" οnclick="shareToSinaWB(event)"></a></div>
    </div>

    <div class="m-box">
        <p>分享到QQ空间:</p>
        <div class="icn"><a class="wb2" οnclick="shareToQzone(event)"></a></div>
    </div>

    <div class="m-box">
        <p>分享到百度贴吧:</p>
        <div class="icn"><a class="wb3" οnclick="shareToTieba(event)"></a></div>
    </div>

    <div class="m-box">
        <p>分享到豆瓣:</p>
        <div class="icn"><a class="wb4" οnclick="shareToDouban(event)"></a></div>
    </div>

    <div class="m-box">
        <p>分享到腾迅微博:</p>
        <div class="icn"><a class="wb5" οnclick="shareToQQwb(event)"></a></div>
    </div>

    <div class="m-box">
        <p>分享到人人网:</p>
        <div class="icn"><a class="wb6" οnclick="shareToRenren(event)"></a></div>
    </div>

    <div class="m-box">
        <p>分享到开心网:</p>
        <div class="icn"><a class="wb7" οnclick="shareToKaixin(event)"></a></div>
    </div>

    <div class="m-box">
        <p>分享到facebook:</p>
        <div class="icn"><a class="wb8" οnclick="shareToFacebook(event)"></a></div>
    </div>
    <div class="m-box">
        <p>分享到Twitter:</p>
        <div class="icn"><a class="wb9" οnclick="shareToTwitter(event)"></a></div>
    </div>


    <script>
        var _title, _source, _sourceUrl, _pic, _showcount, _desc="desc", _summary="summary", _site,
                _width = 600,
                _height = 600,
                _top = (screen.height - _height) / 2,
                _left = (screen.width - _width) / 2,
                _url = 'http://www.baidu.com',
                _pic = '';
        //分享到新浪微博
        function shareToSinaWB(event) {
            event.preventDefault();
            var _shareUrl = 'http://v.t.sina.com.cn/share/share.php?&appkey=895033136';     //真实的appkey，必选参数
            _shareUrl += '&url=' + encodeURIComponent(_url || document.location);     //参数url设置分享的内容链接|默认当前页location，可选参数
            _shareUrl += '&title=' + encodeURIComponent(_title || document.title);    //参数title设置分享的标题|默认当前页标题，可选参数
            _shareUrl += '&source=' + encodeURIComponent(_source || '');
            _shareUrl += '&sourceUrl=' + encodeURIComponent(_sourceUrl || '');
            _shareUrl += '&content=' + 'utf-8';   //参数content设置页面编码gb2312|utf-8，可选参数
            _shareUrl += '&pic=' + encodeURIComponent(_pic || '');  //参数pic设置图片链接|默认为空，可选参数
            window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',top=' + _top + ',left=' + _left + ',toolbar=no,menubar=no,scrollbars=no, resizable=1,location=no,status=0');
        }
        //分享到QQ空间
        function shareToQzone(event) {
            event.preventDefault();
            var _shareUrl = 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?';
            _shareUrl += 'url=' + encodeURIComponent(_url || document.location);   //参数url设置分享的内容链接|默认当前页location
            _shareUrl += '&showcount=' + _showcount || 0;      //参数showcount是否显示分享总数,显示：'1'，不显示：'0'，默认不显示
            _shareUrl += '&desc=' + encodeURIComponent(_desc || '分享的描述');    //参数desc设置分享的描述，可选参数
            _shareUrl += '&summary=' + encodeURIComponent(_summary || '分享摘要');    //参数summary设置分享摘要，可选参数
            _shareUrl += '&title=' + encodeURIComponent(_title || document.title);    //参数title设置分享标题，可选参数
            _shareUrl += '&site=' + encodeURIComponent(_site || '');   //参数site设置分享来源，可选参数
            _shareUrl += '&pics=' + encodeURIComponent(_pic || '');   //参数pics设置分享图片的路径，多张图片以＂|＂隔开，可选参数
            window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',top=' + _top + ',left=' + _left + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
        }
        //分享到百度贴吧
        function shareToTieba(event) {
            event.preventDefault();
            var _shareUrl = 'http://tieba.baidu.com/f/commit/share/openShareApi?';
            _shareUrl += 'title=' + encodeURIComponent(_title || document.title);  //分享的标题
            _shareUrl += '&url=' + encodeURIComponent(_url || document.location);  //分享的链接
            _shareUrl += '&pic=' + encodeURIComponent(_pic || '');    //分享的图片
            window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
        }
        //分享到豆瓣
        function shareToDouban(event) {
            event.preventDefault();
            var _shareUrl = 'http://shuo.douban.com/!service/share?';
            _shareUrl += 'href=' + encodeURIComponent(_url || location.href);    //分享的链接
            _shareUrl += '&name=' + encodeURIComponent(_title || document.title);    //分享的标题
            _shareUrl += '&image=' + encodeURIComponent(_pic || '');    //分享的图片
            window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
        }
        //分享到腾讯微博
        function shareToQQwb(event) {
            event.preventDefault();
            var _shareUrl = 'http://v.t.qq.com/share/share.php?';
            _shareUrl += 'title=' + encodeURIComponent(_title || document.title);    //分享的标题
            _shareUrl += '&url=' + encodeURIComponent(_url || location.href);    //分享的链接
            _shareUrl += '&appkey=5bd32d6f1dff4725ba40338b233ff155';    //在腾迅微博平台创建应用获取微博AppKey
            _shareUrl += '&site=' + encodeURIComponent(_site || '');   //分享来源
            _shareUrl += '&pic=' + encodeURIComponent(_pic || '');    //分享的图片，如果是多张图片，则定义var _pic='图片url1|图片url2|图片url3....'
            window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
        }
        //分享到人人网
        function shareToRenren(event) {
            event.preventDefault();
            var _shareUrl = 'http://share.rr.com/share/buttonshare.do?';     //这里的rr是renren，博客园好像和renren有仇
            _shareUrl += 'link=' + encodeURIComponent(_url || location.href);   //分享的链接
            _shareUrl += '&title=' + encodeURIComponent(_title || document.title);     //分享的标题
            window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
        }
        //分享到开心网
        function shareToKaixin(event) {
            event.preventDefault();
            var _shareUrl = 'http://www.kaixin001.com/rest/records.php?';
            _shareUrl += 'url=' + encodeURIComponent(_url || location.href);    //分享的链接
            _shareUrl += '&content=' + encodeURIComponent('分享的文字');    //需要分享的文字，当文字为空时，自动抓取分享网址的title
            _shareUrl += '&pic=' + encodeURIComponent(_pic || '');     //分享的图片,多个使用半角逗号分隔
            _shareUrl += '&showcount=0';    //是否显示分享数，显示：'1'，不显示：'0'
            _shareUrl += '&style=11';      //显示的样式，必选参数
            _shareUrl += '&aid=' + encodeURIComponent(_site || '');    //显示分享来源
            window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
        }
        function shareToKaixin2(event) {
            event.preventDefault();
            var _shareUrl = 'http://www.kaixin001.com/repaste/share.php?';
            _shareUrl += 'rtitle=' + encodeURIComponent(_title || document.title);   //分享的标题
            window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
        }
        //分享到facebook
        function shareToFacebook(event) {
            event.preventDefault();
            var _shareUrl = 'http://www.facebook.com/sharer/sharer.php?';
            _shareUrl += 'u=' + encodeURIComponent(_url || location.href);    //分享的链接
            _shareUrl += '&t=' + encodeURIComponent(_title || document.title);    //分享的标题
            window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
        }
        //分享到facebook
        function shareToFacebook(event) {
            event.preventDefault();
            var _shareUrl = 'http://www.facebook.com/sharer/sharer.php?';
            _shareUrl += 'u=' + encodeURIComponent(_url || location.href);    //分享的链接
            _shareUrl += '&t=' + encodeURIComponent(_title || document.title);    //分享的标题
            window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
        }
        //分享到Twitter
        function shareToTwitter(event) {
            event.preventDefault();
            var _shareUrl = 'http://twitter.com/intent/tweet?';
            _shareUrl += 'url=' + encodeURIComponent(_url || location.href);    //分享的链接
            _shareUrl += '&text=' + encodeURIComponent(_title || document.title);    //分享的标题
            window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
        }
    </script>

</body>
</html>

xulong5000
关注
专栏目录
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
09-28
本文将探讨如何利用HTML5实现分享到微信好友、朋友圈、QQ好友、QQ空间以及微博的功能，并通过实例代码进行详细解析。 首先，我们来看分享按钮的HTML部分： ```html ()">通用分享 ('wechatFriend')">微信好友 ('...
php分享到qq空间实现,桌面网页上实现分享功能，分享到QQ空间、新浪微博、人人网...
weixin_42394913的博客
03-12 405
重要声明：本文章仅仅代表了作者个人对此观点的理解和表述。读者请查阅时持自己的意见进行讨论。在桌面网页上发现好文章时用户往往选择分享给朋友，而这时我们如何实现分享呢，本文列出了分享到：QQ、QQ空间、新浪微博、人人网 的api和分享代码。你不必再去到处找了。1、分享到QQAPI接口：https://connect.qq.com/widget/shareqq/index.html参数：字段含义url要...
网页一键分享到QQ空间、QQ好友、新浪微博、微信代码
xulong5000的专栏
01-19 5985
使用到的接口： 1. 分享到QQ空间接口 https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片&summary=你的分享描述信息 2. 分享给QQ好友接口 http://connect....
一键分享到QQ空间、QQ好友、新浪微博、微信代码
盏茶作酒的博客
08-23 3154
使用到的接口(测试时需要登录，网址和图片必须是公网的，不能localhost，QQ图片不能太宽，太宽标题描述会undefiend)： 1.分享到QQ空间接口： https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey ?url=你的网址 &sharesource=qzone &title=你的分享标题 &pics=你的分享图片 &summary=你的分享描述信息 ...
web网站端分享到qq空间
weixin_30363981的博客
06-12 758
http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={{URL}}&title={{TITLE}}&desc={{DESC}}&summary={{SUMMARY}}&site={{SOURCE}}&pics={{IMAGE}} http://sns.qzone.qq.com/...
Flutter 截图、QQ分享、微信分享、微博分享
01-21
本文将深入探讨如何在Flutter应用中实现截图、QQ分享、微信分享以及微博分享的功能。 **截图功能** 在Flutter中，我们可以利用`image_picker`插件来实现屏幕截图。首先，用户通过调用`ImagePicker`的`...
html分享到新浪 QQ好友 QQ空间 腾讯微博
10-12
html分享到新浪 QQ好友 QQ空间 腾讯微博
QQ空间微博内容设置攻略.docx
09-27
QQ空间微博内容设置攻略主要涉及如何管理你的微博在QQ空间中的展示，以及如何优化你在空间内的动态浏览体验。以下是对这些功能的详细说明： 一、微博展示给好友的设置 1. 默认情况下，你的微博更新可能不会自动展示...
QQ空间分享链接
wengek的博客
01-22 6700
问题：用火狐浏览器分享csdn博客到qq空间时，点击分享按钮不跳转到分享页面。 解决方案：自个找到这条链接组个url参数后成功跳转页面分享了。 例如，分享百度主页，链接如下： https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=www.baidu.com跳转页面如下：
腾讯空间、新浪微博、腾讯微博分享接口
热门推荐
pan_junbiao的博客
01-20 3万+
腾讯空间、新浪微博、腾讯微博分享接口。 注意：在网站对接前，请先申请注册好您的QQ登录appid、新浪登录Appkey、腾讯微博appkey。 1、引用JS文件 其中，上面代码中的“APPID”替换为申请接入QQ登录时获得的appid；“Appkey”替换为申请接入新浪登录时获得的Appkey。 2、HTML代码 分享控件：
微信 qq微博分享功能
weixin_30463341的博客
10-20 327
<script type="text/javascript" src="${ctx}/static_pc/layer/layer.js"></script> <script type="text/javascript" src="${ctx}/static_pc/js/qrcode.js"></script> /**...
js分享代码(新浪微博,腾讯微博,QQ空间,QQ好友)
胡子哥
08-03 1万+
js分享代码(新浪微博,腾讯微博,QQ空间,QQ好友) 代码如下: 君乐科技js分享代码 点击下方图标直接分享 新浪微博
QQ分享 QQ空间分享 API链接：
weixin_30505225的博客
12-10 379
QZone： "http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={{URL}}&title={{TITLE}}&desc={{DESC}}&summary={{SUMMARY}}&site={{SOURCE}}&pics={{IMAGE}}" QQ： ...
web分享QQ空间api接口
未来工厂的博客
03-25 9278
QZone： "http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={{URL}}&amp;title={{TITLE}}&amp;desc={{DESC}}&amp;summary={{SUMMARY}}&amp;site={{SOURCE}}&amp;pics={{IMAGE}}" http://sns.qzone....
QQ空间、新浪微博、腾讯微博等一键分享API链接代码
贾世鑫的博客
10-05 8083
1.新浪微博： http://service.weibo.com/share/share.php?url= count=表示是否显示当前页面被分享数量(1显示)(可选，允许为空) &url=将页面地址转成短域名，并显示在内容文字后面。(可选，允许为空) &appkey=用于发布微博的来源显示，为空则分享的内容来源会显示来自互联网。(可选，允许为空) &title=分享时所示的文字内容
获取网页的相对位置，可以让现实图片适配
xulong5000的专栏
01-19 204
功能说明：当鼠标经过某个标志时 出现下面的div 控件 一：在body上添加一个div <div> { <div class="RightBig" style="display:none ;height:252px;width:270px; border:0px solid #C8C9CB;background-color:#fff;bor...
QQ ，微博，一键分享的步骤，详细到没朋友
momoThree的博客
12-23 1586
以微博和QQ为例 QQ: 在此之前需要先注册开发者信息。并生成appId  打开腾讯开发平台（http://open.qq.com）； 点击移动应用； 进入应用管理 点击管理应用，找到自己之前创建的Demo 进入Demo 看到Demo 的信息记录下来 创建的时间； appId： appkey
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值