H5页面移动端的社会化分享

在H5页面,可以使用百度的社会化分享插件,实现分享。

下面是html代码,直接复制到项目中就可以运行在移动端。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>分享金服管家</title>
<script>var share = require(‘$UI / system / api / native / share’);
share.onMenuShareTimeline({
title: '我的分享',
link: 'http://movie.douban.com/subject/25785114/',
imgUrl: 'http://demo.open.weixin.qq.com/jssdk/images/p2166127561.jpg',
trigger: function(res) {
alert('用户点击分享到朋友圈');
},
success: function(res) {
alert('已分享');
},
cancel: function(res) {
alert('已取消');
},
fail: function(res) {
alert(JSON.stringify(res));
}
});


分享给好友接</script>
</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": {
"bdSnsKey": {},
"bdText": "",
"bdMini": "2",
"bdMiniList": false,
"bdPic": "",
"bdStyle": "1",
"bdSize": "32"
},
"share": {},
"image": {
"viewList": ["qzone", "tsina", "tqq", "renren", "weixin"],
"viewText": "分享到:",
"viewSize": "16"
},
"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></body>

</html>

以上就是分享到微信朋友圈、新浪微博、腾讯微博等社交平台的JavaScript代码。

猜你喜欢

转载自blog.csdn.net/frank_develpoer/article/details/53814524