js实现通用的微信分享组件示例


Posted in Javascript onMarch 10, 2014

一、可定义的信息

1、分享时显示的LOGO;
2、分享LOGO的宽度;
3、分享LOGO的高度;
4、分享出去显示的标题(默认调用网页标题);
5、分享出去显示的描述(默认调用网页标题);
6、分享链接(默认为当前页面的URL)。
7、分享微信的APPID(一般为空)。

二、使用方法

1、引入微信分享组件js:

/*******************************
 * Author:Mr.Think
 * Description:微信分享通用代码
 * 使用方法:_WXShare('分享显示的LOGO','LOGO宽度','LOGO高度','分享标题','分享描述','分享链接','微信APPID(一般不用填)');
 *******************************/
function _WXShare(img,width,height,title,desc,url,appid){
    //初始化参数
    img=img||'http://a.zhixun.in/plug/img/ico-share.png';
    width=width||100;
    height=height||100;
    title=title||document.title;
    desc=desc||document.title;
    url=url||document.location.href;
    appid=appid||'';
    //微信内置方法
    function _ShareFriend() {
        WeixinJSBridge.invoke('sendAppMessage',{
              'appid': appid,
              'img_url': img,
              'img_width': width,
              'img_height': height,
              'link': url,
              'desc': desc,
              'title': title
              }, function(res){
                _report('send_msg', res.err_msg);
          })
    }
    function _ShareTL() {
        WeixinJSBridge.invoke('shareTimeline',{
              'img_url': img,
              'img_width': width,
              'img_height': height,
              'link': url,
              'desc': desc,
              'title': title
              }, function(res) {
              _report('timeline', res.err_msg);
              });
    }
    function _ShareWB() {
        WeixinJSBridge.invoke('shareWeibo',{
              'content': desc,
              'url': url,
              }, function(res) {
              _report('weibo', res.err_msg);
              });
    }
    // 当微信内置浏览器初始化后会触发WeixinJSBridgeReady事件。
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            // 发送给好友
            WeixinJSBridge.on('menu:share:appmessage', function(argv){
                _ShareFriend();
          });
            // 分享到朋友圈
            WeixinJSBridge.on('menu:share:timeline', function(argv){
                _ShareTL();
                });
            // 分享到微博
            WeixinJSBridge.on('menu:share:weibo', function(argv){
                _ShareWB();
           });
    }, false);
}
Javascript 相关文章推荐
js 全兼容可高亮二级缓冲折叠菜单
Jun 04 Javascript
jquery 的 $("#id").html() 无内容的解决方法
Jun 07 Javascript
最佳的addEvent事件绑定是怎样诞生的
Oct 24 Javascript
jQuery.extend()的实现方式详解及实例
Jun 29 Javascript
javascript内置对象操作详解
Feb 04 Javascript
jquery实现可点击伸缩与展开的菜单效果代码
Aug 31 Javascript
jQuery抛物线运动实现方法(附完整demo源码下载)
Jan 08 Javascript
ros::spin() 和 ros::spinOnce()函数的区别及详解
Oct 01 Javascript
Bootstrap表单制作代码
Mar 17 Javascript
利用10行js代码实现上下滚动公告效果
Dec 08 Javascript
纯JS实现五子棋游戏
May 28 Javascript
vue各种事件监听实例(小结)
Jun 24 Javascript
jquery基础教程之数组使用详解
Mar 10 #Javascript
查询json的数据结构的8种方式简介
Mar 10 #Javascript
js 3秒后跳转页面的实现代码
Mar 10 #Javascript
php is_numberic函数造成的SQL注入漏洞
Mar 10 #Javascript
关于JavaScript对象的动态选择及遍历对象
Mar 10 #Javascript
使用js操作css实现js改变背景图片示例
Mar 10 #Javascript
红米手机抢购的js代码
Mar 10 #Javascript
You might like
PHP简介
2006/10/09 PHP
使用PHP和HTML5 FormData实现无刷新文件上传教程
2014/09/06 PHP
php中二维数组排序问题方法详解
2015/08/28 PHP
php实现微信和支付宝支付的示例代码
2020/08/11 PHP
JavaScript脚本性能的优化方法
2007/02/02 Javascript
基于jquery的让textarea自适应高度的插件
2010/08/03 Javascript
JavaScript中的类继承
2010/11/25 Javascript
JS实现遮罩层效果的简单实例
2013/11/12 Javascript
ie8下修改input的type属性报错的解决方法
2014/09/16 Javascript
jQuery实现响应浏览器缩放大小并改变背景颜色
2014/10/31 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
2015/08/21 Javascript
JavaScript中闭包的写法和作用详解
2016/06/29 Javascript
概述jQuery的元素筛选
2016/11/23 Javascript
Js自动截取字符串长度,添加省略号(……)的实现方法
2017/03/06 Javascript
JS中this的指向以及call、apply的作用
2018/05/06 Javascript
jQuery发请求传输中文参数乱码问题的解决方案
2018/05/22 jQuery
详解Vue组件之间通信的七种方式
2019/04/14 Javascript
JS实现的贪吃蛇游戏案例详解
2019/05/01 Javascript
js实现随机div颜色位置 类似满天星效果
2019/10/24 Javascript
Vue 根据条件判断van-tab的显示方式
2020/08/03 Javascript
AJAX XMLHttpRequest对象创建使用详解
2020/08/20 Javascript
Python映射拆分操作符用法实例
2015/05/19 Python
在windows下快速搭建web.py开发框架方法
2016/04/22 Python
python select.select模块通信全过程解析
2017/09/20 Python
详谈python read readline readlines的区别
2017/09/22 Python
Python任意字符串转16, 32, 64进制的方法
2019/06/12 Python
win7下 python3.6 安装opencv 和 opencv-contrib-python解决 cv2.xfeatures2d.SIFT_create() 的问题
2019/10/24 Python
python实现简单日志记录库glog的使用
2019/12/13 Python
CSS3实现自定义Checkbox特效实例代码
2017/04/24 HTML / CSS
canvas实现扭蛋机动画效果的示例代码
2018/10/17 HTML / CSS
阿根廷票务网站:StubHub阿根廷
2018/04/13 全球购物
Perfume’s Club澳大利亚官网:西班牙领先的在线美容店
2021/02/01 全球购物
乳制品整治工作方案
2014/05/29 职场文书
高中校园广播稿3篇
2014/09/29 职场文书
淘宝客服专员岗位职责
2015/04/07 职场文书
Python如何让字典保持有序排列
2022/04/29 Python