网页一键分享按钮HTML代码

最新推荐文章于 2025-06-23 08:20:18 发布

ch_kexin

最新推荐文章于 2025-06-23 08:20:18 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML5

本文链接：https://blog.youkuaiyun.com/ch_kexin/article/details/84907883

HTML5 专栏收录该内容

13 篇文章

订阅专栏

本文详细介绍了如何在网页中集成社交分享组件，包括配置分享内容、图片及自定义标题等关键步骤，并提供了完整的HTML与JavaScript代码示例。

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

<!DOCTYPE html>  
<html>  
<head>  
<META http-equiv="content-type" content="text/html; charset="UTF-8">  
<title>Insert title here</title>  
</head>  
<body>  
<div class="bdsharebuttonbox">  
<a href="#" class="bds_more" data-cmd="more"></a>  
<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>  
<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>  
<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>  
<a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>  
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>  
</div>  
<script>  
window._bd_share_config={  
        "common":{  
            "bdPopTitle":"您的自定义pop窗口标题",  
            "bdSnsKey":{},  
            "bdText":"此处填写自定义的分享内容",   
            "bdMini":"2",  
            "bdMiniList":false,  
            "bdPic":"http://localhost/centlight/public/attachment/201410/24/14/5449ef39574f5_282x220.jpg", /* 此处填写要分享图片地址 */  
            "bdStyle":"0",  
            "bdSize":"16"  
            },  
        "share":{}  
};  
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>  
</body>  
</html>