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 相关文章推荐
javascript之解决IE下不渲染的bug
Jun 29 Javascript
为Extjs加加速(javascript加速)
Aug 19 Javascript
js实现window.open不被拦截的解决方法汇总
Oct 30 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
Dec 17 Javascript
微信小程序开发animation心跳动画效果
Aug 16 Javascript
在小程序Canvas中使用measureText的方法示例
Oct 19 Javascript
JavaScript中的一些实用小技巧总结
Apr 07 Javascript
微信小程序实现禁止分享代码实例
Oct 19 Javascript
JavaScript制作3D旋转相册
Aug 02 Javascript
Vue根据条件添加click事件的方式
Nov 09 Javascript
vuex存储token示例
Nov 11 Javascript
JS实现无限轮播无倒退效果
Sep 21 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 调试工具Debug Tools
2011/04/30 PHP
Zend studio文件注释模板设置方法
2013/09/29 PHP
codeigniter中view通过循环显示数组数据的方法
2015/03/20 PHP
PHP设计模式之简单工厂和工厂模式实例分析
2019/03/25 PHP
laravel-admin表单提交隐藏一些数据,回调时获取数据的方法
2019/10/08 PHP
JavaScript While 循环基础教程
2007/04/05 Javascript
jquery 输入框数字限制插件
2009/11/10 Javascript
JQuery里选择超链接的实现代码
2011/05/22 Javascript
判断输入是否为空,获得输入类型的JS代码
2013/10/30 Javascript
解决JQeury显示内容没有边距内容紧挨着浏览器边线
2013/12/20 Javascript
jquery实现pager控件示例
2014/04/09 Javascript
JavaScript实现标题栏文字轮播效果代码
2015/10/24 Javascript
vuex实现简易计数器
2016/10/27 Javascript
Validform验证时可以为空否则按照指定格式验证
2017/10/20 Javascript
通过webpack引入第三方库的方法
2018/07/20 Javascript
VueCli3.0中集成MockApi的方法示例
2019/07/05 Javascript
JS中比较两个Object数组是否相等方法实例
2019/11/11 Javascript
JS控制下拉列表左右选择实例代码
2020/05/08 Javascript
Python实现二叉堆
2016/02/03 Python
解决Shell执行python文件,传参空格引起的问题
2018/10/30 Python
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
Python基本数据结构与用法详解【列表、元组、集合、字典】
2019/03/23 Python
Python_查看sqlite3表结构,查询语句的示例代码
2019/07/17 Python
运用PyTorch动手搭建一个共享单车预测器
2019/08/06 Python
python如何实现word批量转HTML
2020/09/30 Python
python批量生成条形码的示例
2020/10/10 Python
CSS3 倾斜的网页图片库实例教程
2009/11/14 HTML / CSS
Rentalcars.com中国:世界上最大的在线汽车租赁服务
2019/08/22 全球购物
电话销售经理岗位职责
2013/12/07 职场文书
大学生村官工作感言
2014/01/10 职场文书
爱护公共设施演讲稿
2014/09/13 职场文书
收款授权委托书
2014/10/02 职场文书
2015年毕业实习工作总结
2014/12/12 职场文书
上班迟到检讨书
2015/05/06 职场文书
音乐剧猫观后感
2015/06/04 职场文书
JavaScript 原型与原型链详情
2021/11/02 Javascript