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 相关文章推荐
php析构函数的具体用法小结
Mar 11 Javascript
js的window.showModalDialog及window.open用法实例分析
Jan 29 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
Mar 04 Javascript
基于jQuery实现搜索关键字自动匹配功能
Mar 26 Javascript
关于JS中的方法是否加括号的问题
Jul 27 Javascript
jQuery实现简单的tab标签页效果
Sep 12 Javascript
javascript特殊文本输入框网页特效
Sep 13 Javascript
新手快速上手webpack4打包工具的使用详解
Jan 28 Javascript
Vue侦测相关api的实现方法
May 22 Javascript
LayUi使用switch开关,动态的去控制它是否被启用的方法
Sep 21 Javascript
微信小程序停止其他视频播放当前视频的实例代码
Dec 25 Javascript
用JS实现选项卡
Mar 23 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 获取全局变量的代码
2011/04/21 PHP
PHP中数组的分组排序实例
2014/06/01 PHP
php操纵mysqli数据库的实现方法
2016/09/18 PHP
PHP让数组中有相同值的组成新的数组实例
2017/12/31 PHP
PHP结合Ffmpeg快速搭建流媒体服务的实践记录
2018/10/31 PHP
JavaScript中的Screen屏幕对象
2008/01/16 Javascript
文本框输入时 实现自动提示(像百度、google一样)
2012/04/05 Javascript
javascript生成json数据简单示例分享
2014/02/14 Javascript
javascript模拟实现ajax加载框实例
2014/10/15 Javascript
jquery获取radio值(单选组radio)
2014/10/16 Javascript
node.js解决获取图片真实文件类型的问题
2014/12/20 Javascript
JavaScript计算某一天是星期几的方法
2015/08/05 Javascript
JS日期格式化之javascript Date format
2015/10/01 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
2015/12/18 Javascript
JS实现的颜色实时渐变效果完整实例
2016/03/25 Javascript
js仿手机页面文件下拉刷新效果
2016/10/14 Javascript
js正则表达式惰性匹配和贪婪匹配用法分析
2016/12/26 Javascript
DOM事件探秘篇
2017/02/15 Javascript
Nodejs--post的公式详解
2017/04/29 NodeJs
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
2018/09/14 Javascript
微信小程序实现左滑动删除效果
2020/03/30 Javascript
[57:18]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#3VP VS VG
2016/03/03 DOTA
利用Python操作消息队列RabbitMQ的方法教程
2017/07/19 Python
python实现指定文件夹下的指定文件移动到指定位置
2018/09/17 Python
pycharm运行scrapy过程图解
2019/11/22 Python
Python matplotlib画图时图例说明(legend)放到图像外侧详解
2020/05/16 Python
Nike西班牙官方网站:Nike.com (ES)
2017/10/30 全球购物
日本最大的药妆连锁店:Matsukiyo松本清药妆店
2017/11/23 全球购物
德国帽子专家:Hutshopping
2019/11/03 全球购物
大学生水文观测实习自我鉴定
2013/09/29 职场文书
父亲节寄语大全
2015/02/27 职场文书
个人总结格式范文
2015/03/09 职场文书
教你怎么用Python操作MySql数据库
2021/05/31 Python
详解在SQLPlus中实现上下键翻查历史命令的功能
2022/03/18 SQL Server
angular4实现带搜索的下拉框
2022/03/25 Javascript