百度分享组件自定义Url源码_百度分享插件分享url地址-优快云博客

本文链接：https://blog.youkuaiyun.com/sinat_24393863/article/details/90044714

本文深入解析了百度分享代码的工作原理，包括如何通过鼠标移入事件获取动态ID，以及如何设置分享URL。文章详细介绍了JavaScript代码的实现过程，展示了如何利用jQuery进行事件绑定，并通过全局变量传递动态文章ID。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="bdsharebuttonbox bdshare-button-style0-16" data-bd-bind="1552188204699">
<a href="#" class="bds_more" data-cmd="more">分享到：</a>
<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间" data-id="635623857208296120">
</a>
<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博" data-id="635623857208296120"></a>
<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博" data-id="635623857208296120"></a>
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信" data-id="635623857208296120"></a>
</div>
<script>
//全局变量，动态的文章ID
var ShareId = "";
//绑定所有分享按钮所在A标签的鼠标移入事件，从而获取动态ID
$(function() {
$(".bdsharebuttonbox a").mouseover(function() {
ShareId = $(this).attr("data-id");
});
});
/*
* 动态设置百度分享URL的函数,具体参数
* cmd为分享目标id,此id指的是插件中分析按钮的ID
*，我们自己的文章ID要通过全局变量获取
* config为当前设置，返回值为更新后的设置。
*/
function SetShareUrl(cmd, config) {
if (ShareId) {
config.bdUrl = '你的地址';
}
return config;
}
window._bd_share_config = {
"common": {
onBeforeClick: SetShareUrl,
"bdSnsKey": {},
"bdText": "",
"bdMini": "2",
"bdMiniList": false,
"bdPic": "",
"bdStyle": "0",
"bdSize": "16"
},
"bdUrl": '#',
"share": {
"bdSize": 16
}
};
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>