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数组的赋值介绍
Mar 10 Javascript
Javascript设计模式理论与编程实战之简单工厂模式
Nov 03 Javascript
举例讲解JavaScript substring()的使用方法
Nov 09 Javascript
Bootstrap每天必学之附加导航(Affix)插件
Apr 25 Javascript
BootStrap3学习笔记(一)之网格系统
May 20 Javascript
微信小程序 canvas API详解及实例代码
Oct 08 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
Oct 21 Javascript
jQuery实现表格奇偶行显示不同背景色 就这么简单
Mar 13 Javascript
Angular 2 利用Router事件和Title实现动态页面标题的方法
Aug 23 Javascript
JavaScript伪数组用法实例分析
Dec 22 Javascript
关于layui toolbar和template的结合使用方法
Sep 19 Javascript
JS中的变量作用域(console版)
Jul 18 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
Linux下 php5 MySQL5 Apache2 phpMyAdmin ZendOptimizer安装与配置[图文]
2008/11/18 PHP
PHP CKEditor 上传图片实现代码
2009/11/06 PHP
PHP中用接口、抽象类、普通基类实现“面向接口编程”与“耦合方法”简述
2011/03/23 PHP
cakephp常见知识点汇总
2017/02/24 PHP
PHP序列化和反序列化深度剖析实例讲解
2020/12/29 PHP
一实用的实现table排序的Javascript类库
2007/09/12 Javascript
javascript 按回车键相应按钮提交事件
2009/11/02 Javascript
删除节点的jquery代码
2014/01/13 Javascript
JavaScript中split() 使用方法汇总
2015/04/17 Javascript
js事件监听器用法实例详解
2015/06/01 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
2016/05/21 Javascript
Js获取当前日期时间及格式化代码
2016/09/17 Javascript
self.attachevent is not a function的解决方法
2017/04/04 Javascript
zTree异步加载展开第一级节点的实现方法
2017/09/05 Javascript
基于vue-ssr服务端渲染入门详解
2018/01/08 Javascript
JS通过位运算实现权限加解密
2018/08/14 Javascript
在Vue中使用axios请求拦截的实现方法
2018/10/25 Javascript
Vue 实现登录界面验证码功能
2020/01/03 Javascript
JS函数进阶之继承用法实例分析
2020/01/15 Javascript
js实现简单的秒表
2020/01/16 Javascript
Webpack3+React16代码分割的实现
2021/03/03 Javascript
用Python的Django框架来制作一个RSS阅读器
2015/07/22 Python
详解Django中的权限和组以及消息
2015/07/23 Python
简单谈谈Python中的闭包
2016/11/30 Python
python实现上传下载文件功能
2020/11/19 Python
python leetcode 字符串相乘实例详解
2018/09/03 Python
Python sklearn KFold 生成交叉验证数据集的方法
2018/12/11 Python
基于Django ORM、一对一、一对多、多对多的全面讲解
2019/07/26 Python
CSS3 优势以及网页设计师如何使用CSS3技术
2009/07/29 HTML / CSS
耐克奥地利官网:Nike奥地利
2019/08/16 全球购物
总经理助理工作职责
2014/02/06 职场文书
火车的故事教学反思
2014/02/11 职场文书
道德之星事迹材料
2014/05/03 职场文书
小学三好学生事迹材料
2014/08/15 职场文书
2014年银行柜员工作总结
2014/11/12 职场文书
关于HTML编码导致的乱码问题
2021/09/04 HTML / CSS