js实现QQ、微信、新浪微博分享功能
微信分享需要手机扫描二维码,需要对url进行编码。在https协议下,扫描二维码时,浏览器打不开可能时安全证书导致的。
var shareModel = { /** * 分享QQ好友 * @param {[type]} title [分享标题] * @param {[type]} url [分享url链接,默认当前页面链接] * @param {[type]} pic [分享图片] * @return {[type]} [description] */ shareQQ: function (url, title, pic) { var param = { url: url || window.location.href, desc: '', /*分享理由*/ title : title || '', /*分享标题(可选)*/ summary : '',/*分享描述(可选)*/ pics : pic || '',/*分享图片(可选)*/ flash : '', /*视频地址(可选)*/ site: '' /*分享来源 (可选) */ }; var s = []; for (var i in param) { s.push(i + '=' + encodeURIComponent(param[i] || '')); } var targetUrl = "http://connect.qq.com/widget/shareqq/iframe_index.html?" + s.join('&') ; window.open(targetUrl, 'qq', 'height=520, width=720'); }, /** * 微信分享 * @return {[type]} [description] */ weixin: function () { var url = window.location.href, encodePath = encodeURIComponent(url), targetUrl = 'http://qr.liantu.com/api.php?text=' + encodePath; window.open(targetUrl, 'weixin', 'height=320, width=320'); }, /** * 分享新浪微博 * @param {[type]} title [分享标题] * @param {[type]} url [分享url链接,默认当前页面] * @param {[type]} pic [分享图片] * @return {[type]} [description] */ sinaWeiBo: function (title, url, pic) { var param = { url: url || window.location.href, type: '3', count: '1', /** 是否显示分享数,1显示(可选)*/ appkey: '', /** 您申请的应用appkey,显示分享来源(可选)*/ title: '', /** 分享的文字内容(可选,默认为所在页面的title)*/ pic: pic || '', /**分享图片的路径(可选)*/ ralateUid:'', /**关联用户的UID,分享微博会@该用户(可选)*/ rnd: new Date().valueOf() } var temp = []; for( var p in param ) { temp.push(p + '=' +encodeURIComponent( param[p ] || '' ) ) } var targetUrl = 'http://service.weibo.com/share/share.php?' + temp.join('&'); window.open(targetUrl, 'sinaweibo', 'height=430, width=400'); } };