在前端開發的大環境中,JavaScript已經成為了一種不可或缺的語言。而在JS的流行程度之中,百度分享也不可小覷。百度分享提供了一套JS SDK,使你可以在頁面中快速集成百度分享組件,而無需手寫繁瑣的代碼。那么,在接下來的文字中,我們將會深入地探討百度分享在JavaScript中的運用和實現。
第一,百度分享提供的幾種主流分享方式是怎樣被調用的呢?以分享至新浪微博為例,代碼如下:
window._bd_share_config = { "common": { "bdUrl": "", "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "share": {}, "image": { "viewList": [], "viewText": "", "viewTitle": "", "viewDesc": "", "viewPic": "", "viewUrl": "", "flashBtn": "", "flashBtnStyle": "0", "flashBtnW": "0", "flashBtnH": "0", "albumBtn": "", "albumBg": "", "albumDesc": "", "albumTitle": "", "albumAct": "", "follow": {} }, "selectShare": { "bdContainerClass": null, "bdSelectMiniList": ["sqq", "qzone", "weixin", "tsina", "copy"] } };在這個代碼段之中,我們首先可以看到的是一個全局變量,即“window._bd_share_config”。它負責著存儲整個頁面的分享內容,并通過這些內容來初始化頁面上的分享組件。同時,我們可以注意到里面針對微博的分享底層配置“bdSnsKey”,其中,“tsina”代表著新浪微博。那么接下來,我們來看一下如何將這些分享組件放到我們的網頁中。 第二,百度分享的嵌入方式環繞著一個配置參數的設定。下面是一種使用百度分享的示例代碼:
<script type="text/javascript"> var url = "http://www.baidu.com"; var pic = "http://www.baidu.com/img/bdlogo.gif"; var summary = "百度,全球最大的中文搜索引擎、最大的中文網站"; var title = "百度一下,你就知道"; window._bd_share_config = { common: { bdUrl: url, bdSnsKey: {}, bdText: summary, bdMini: "2", //bdPic: pic, bdStyle: "0", bdSize: "16" }, share: {}, image: { viewList: ['qzone', 'tsina', 'tqq', 'renren', 'weixin'], viewText: "分享到:", viewTitle: title, viewDesc: summary, viewPic: pic, viewUrl: url, viewType: '0', viewCharset: 'utf-8' }, selectShare: { bdContainerClass: null, bdSelectMiniList: ["qzone", "tsina", "tqq", "renren", "weixin"] } }; with (document) { 0[(getElementsByTagName('head')[0] || body) .appendChild(createElement('script')) .src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)]; } </script>再這段代碼之中,我們通過自己定義的少數參數值來設定分享所需要的內容,例如縮略圖、分享鏈接等等。另外,我們也可以看到在JavaScript之中,單粗線加下劃線作為變量是常用的一種全局變量命名方式。百度分享的設定也是基于這種方式,將功能模塊化地組織在一起。 綜上所述,百度分享在JavaScript中的應用已經越來越成熟。這種方案除了為所有站長和開發者提供了快速集成的方式之外,更充分利用網站的互動性和分享性,讓更多人得以將優質內容傳播出去。因此,我們無論從編程角度還是用戶交互角度來看,都可以通過百度分享得到更多的受益。