使用百度分享api實現網頁分享功能

百度官方文檔：http://share.baidu.com/code/advance#toid

線上demo：https://my.weblf.cn/xly/demo/web_share.html

首先先引入外部文件：

with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];

這段代碼會自動加載一段js與css。

然后你需要有dom樹，

<div class="bdsharebuttonbox" data-tag="share_1">
    <a class="bds_mshare" data-cmd="mshare"></a>
    <a class="bds_qzone" data-cmd="qzone" href="#"></a>
    <a class="bds_tsina" data-cmd="tsina"></a>
    <a class="bds_baidu" data-cmd="baidu"></a>
    <a class="bds_renren" data-cmd="renren"></a>
    <a class="bds_tqq" data-cmd="tqq"></a>
    <a class="bds_more" data-cmd="more">更多</a>
    <a class="bds_count" data-cmd="count"></a>
</div>

這里的a標簽不用寫地址。

然后我們實現一個簡易的分享功能：

window._bd_share_config = {
                  "common" : {
                   "bdText" : '這是分享的標題',
                   "bdComment" : '我是通用分享設置,會出現在發送給QQ好友里的描述',
                   "bdPic" : "http://test.miniwangdai.com/public/images/invite/wechat.png",//分享的圖像地址
                   "bdStyle" : "0",//按鈕樣式
                   "bdSize" : "32",//按鈕大小
                   "bdUrl" : 'https://www.baidu.com',//分享的地址
                   "bdDesc":'給你的好友留一句話吧',
                  },
                  "share" : {},
                };

這樣最簡單的分享功能就做好了。