js实现QQ、微信、新浪微博分享功能

微信分享需要手机扫描二维码，需要对url进行编码。在https协议下，扫描二维码时，浏览器打不开可能时安全证书导致的。
shareModel =
    </span><span style="color: #008000;"&gt;/*</span><span style="color: #008000;"&gt;*
     * <a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a>QQ好友
     * @p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>m  {[type]} title [<a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a><a href="https://www.jb51.cc/tag/biaoti/" target="_blank" class="keywords">标题</a>]
     * @p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>m  {[type]} url   [<a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a>url<a href="https://www.jb51.cc/tag/lianjie/" target="_blank" class="keywords">链接</a>，<a href="https://www.jb51.cc/tag/mo/" target="_blank" class="keywords">默</a>认<a href="https://www.jb51.cc/tag/dangqianyemian/" target="_blank" class="keywords">当前页面</a><a href="https://www.jb51.cc/tag/lianjie/" target="_blank" class="keywords">链接</a>]
     * @p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>m  {[type]} pic   [<a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a><a href="https://www.jb51.cc/tag/tupian/" target="_blank" class="keywords">图片</a>]
     * @return {[type]}       [description]
     </span><span style="color: #008000;"&gt;*/</span><span style="color: #000000;"&gt;
    shareQQ: </span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; (url,title,pic) {
        </span><span style="color: #0000ff;"&gt;var</span> p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>m =<span style="color: #000000;"&gt; {
            url: url </span>||<span style="color: #000000;"&gt; window.location.href,desc: </span>'',<span style="color: #008000;"&gt;/*</span><span style="color: #008000;"&gt;<a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a>理由</span><span style="color: #008000;"&gt;*/</span><span style="color: #000000;"&gt;
            title : title </span>|| '',<span style="color: #008000;"&gt;/*</span><span style="color: #008000;"&gt;<a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a><a href="https://www.jb51.cc/tag/biaoti/" target="_blank" class="keywords">标题</a>(可选)</span><span style="color: #008000;"&gt;*/</span><span style="color: #000000;"&gt;
            summary : </span>'',<span style="color: #008000;"&gt;/*</span><span style="color: #008000;"&gt;<a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a>描述(可选)</span><span style="color: #008000;"&gt;*/</span><span style="color: #000000;"&gt;
            pics : pic </span>|| '',<span style="color: #008000;"&gt;/*</span><span style="color: #008000;"&gt;<a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a><a href="https://www.jb51.cc/tag/tupian/" target="_blank" class="keywords">图片</a>(可选)</span><span style="color: #008000;"&gt;*/</span><span style="color: #000000;"&gt;
            flash : </span>'',<span style="color: #008000;"&gt;/*</span><span style="color: #008000;"&gt;视频地址(可选)</span><span style="color: #008000;"&gt;*/</span><span style="color: #000000;"&gt;
            site: </span>'' <span style="color: #008000;"&gt;/*</span><span style="color: #008000;"&gt;<a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a>来源 (可选) </span><span style="color: #008000;"&gt;*/</span><span style="color: #000000;"&gt;
        };
        </span><span style="color: #0000ff;"&gt;var</span> s =<span style="color: #000000;"&gt; [];
        </span><span style="color: #0000ff;"&gt;for</span> (<span style="color: #0000ff;"&gt;var</span> i <span style="color: #0000ff;"&gt;in</span><span style="color: #000000;"&gt; p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>m) {
            s.push(i </span>+ '=' + encodeURIComponent(p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>m[i] || ''<span style="color: #000000;"&gt;));
        }
        </span><span style="color: #0000ff;"&gt;var</span> targetUrl = "http://connect.qq.com/widget/shareqq/iframe_index.html?" + s.join('&amp;'<span style="color: #000000;"&gt;) ;
        window.open(targetUrl,</span>'qq','height=520,width=720'<span style="color: #000000;"&gt;);
    },</span><span style="color: #008000;"&gt;/*</span><span style="color: #008000;"&gt;*
     * 微信<a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a>
     * @return {[type]} [description]
     </span><span style="color: #008000;"&gt;*/</span><span style="color: #000000;"&gt;
    weixin: </span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; () {
        </span><span style="color: #0000ff;"&gt;var</span> url =<span style="color: #000000;"&gt; window.location.href,encodePath </span>=<span style="color: #000000;"&gt; encodeURIComponent(url),targetUrl </span>= 'http://qr.liantu.com/api.<a href="https://www.jb51.cc/tag/PHP/" target="_blank" class="keywords">PHP</a>?text=' +<span style="color: #000000;"&gt; encodePath;
        window.open(targetUrl,</span>'weixin','height=320,width=320'<span style="color: #000000;"&gt;);
    },</span><span style="color: #008000;"&gt;/*</span><span style="color: #008000;"&gt;*
     * <a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a>新浪微博
     * @p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>m  {[type]} title [<a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a><a href="https://www.jb51.cc/tag/biaoti/" target="_blank" class="keywords">标题</a>]
     * @p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>m  {[type]} url   [<a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a>url<a href="https://www.jb51.cc/tag/lianjie/" target="_blank" class="keywords">链接</a>，<a href="https://www.jb51.cc/tag/mo/" target="_blank" class="keywords">默</a>认<a href="https://www.jb51.cc/tag/dangqianyemian/" target="_blank" class="keywords">当前页面</a>]
     * @p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>m  {[type]} pic   [<a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a><a href="https://www.jb51.cc/tag/tupian/" target="_blank" class="keywords">图片</a>]
     * @return {[type]}       [description]
     </span><span style="color: #008000;"&gt;*/</span><span style="color: #000000;"&gt;
    sinaWeiBo: </span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; (title,url,type: </span>'3'<span style="color: #000000;"&gt;,count: </span>'1',<span style="color: #008000;"&gt;/*</span><span style="color: #008000;"&gt;* 是否<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a><a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a>数，1<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a>(可选)</span><span style="color: #008000;"&gt;*/</span><span style="color: #000000;"&gt;
            appkey: </span>'',<span style="color: #008000;"&gt;/*</span><span style="color: #008000;"&gt;* 您申请的应用appkey,<a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a><a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a>来源(可选)</span><span style="color: #008000;"&gt;*/</span><span style="color: #000000;"&gt;
            title: </span>'',<span style="color: #008000;"&gt;/*</span><span style="color: #008000;"&gt;* <a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a>的<a href="https://www.jb51.cc/tag/wenzi/" target="_blank" class="keywords">文字</a><a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a>(可选，<a href="https://www.jb51.cc/tag/mo/" target="_blank" class="keywords">默</a>认为所在<a href="https://www.jb51.cc/tag/yemian/" target="_blank" class="keywords">页面</a>的title)</span><span style="color: #008000;"&gt;*/</span><span style="color: #000000;"&gt;
            pic: pic </span>|| '',<span style="color: #008000;"&gt;/*</span><span style="color: #008000;"&gt;*<a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a><a href="https://www.jb51.cc/tag/tupian/" target="_blank" class="keywords">图片</a>的路径(可选)</span><span style="color: #008000;"&gt;*/</span><span style="color: #000000;"&gt; 
            ralateUid:</span>'',<span style="color: #008000;"&gt;/*</span><span style="color: #008000;"&gt;*关联<a href="https://www.jb51.cc/tag/yonghu/" target="_blank" class="keywords">用户</a>的UID，<a href="https://www.jb51.cc/tag/fenxiang/" target="_blank" class="keywords">分享</a>微博会@该<a href="https://www.jb51.cc/tag/yonghu/" target="_blank" class="keywords">用户</a>(可选)</span><span style="color: #008000;"&gt;*/</span><span style="color: #000000;"&gt;
            rnd: </span><span style="color: #0000ff;"&gt;new</span><span style="color: #000000;"&gt; Date().valueOf()
        }
        </span><span style="color: #0000ff;"&gt;var</span> temp =<span style="color: #000000;"&gt; [];
        </span><span style="color: #0000ff;"&gt;for</span>( <span style="color: #0000ff;"&gt;var</span> p <span style="color: #0000ff;"&gt;in</span><span style="color: #000000;"&gt; p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>m ) {
            temp.push(p </span>+ '=' +encodeURIComponent( p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>m[p ] || ''<span style="color: #000000;"&gt; ) )
        }
        </span><span style="color: #0000ff;"&gt;var</span> targetUrl = 'http://service.weibo.com/share/share.<a href="https://www.jb51.cc/tag/PHP/" target="_blank" class="keywords">PHP</a>?' + temp.join('&amp;'<span style="color: #000000;"&gt;);
        window.open(targetUrl,</span>'sinaweibo','height=430,width=400'<span style="color: #000000;"&gt;);
    }
};
js实现QQ、微信、新浪微博分享功能

相关文章
