微信中一些常用的js方法汇总


Posted in Javascript onMarch 12, 2015

1.网页图片集左右滑动查看图片,如下样例:

js效果

var pictures = [];

 angular.forEach(pitctures,function(k,i){

         pictures[i] = k.imgPath;

 });

 $scope.previewPics = function(currentUrl){

        if (typeof window.WeixinJSBridge != 'undefined') {

            //微信图片集查看

            WeixinJSBridge.invoke('imagePreview', {

                'current':currentUrl, //当前地址

                'urls':pictures //组

            });

        } else {

            alert( "请在微信中查看", null, function () {});

        }

    }

页面元素:

<div class="infoPics">

           <div class="picImg" ng-repeat="picture in info.infoContent.pitctures">

                <img ng-src="{{picture.imgPath}}" ng-click="previewPics(picture.imgPath)">

           </div>

     </div>

2.微信窗口关闭事件,实例如下:

 WeixinJSBridge.invoke('closeWindow',{},function(res){

       //alert(res.err_msg);

 });

3.分享网页链接至朋友、朋友圈、微博

var lineLink = 'http://../..',
imgUrl = 'http://../..',

shareTitle = '页面标题',

descContent='内容简介',

appid = '';

//判断是否支持微信js

 if(typeof WeixinJsBridge == 'undefined'){

if(document.addEventListener){


document.addEventListener('WeixinJsBridgeReady',onBridgeReady,false);

}else if(document.attachEvent){


document.attachEvent('WeixinJsBridgeReady',onBridgeReady);


document.attachEvent('onWeixinJsBridgeReady',onBridgeReady);

}

 }else{

onBridgeReady();

 }

function onBridgeReady (){

WeixinJsBridgeReady.on('menu:share:appmessage',wx_shareFriend);//分享朋友

WeixinJsBridgeReady.on('menu:share:timeline',wx_shareTimeline);//分享到朋友圈

WeixinJsBridgeReady.on('menu:share:weibo',wx_shareWeibo);//分享朋友

}

function wx_shareFriend (){

WeixinJsBridge.invoke('sendAppMessage',{


"appid":appid,


"img_url":imgurl,


"img_width":'640',


"img_height":'500',


"link":lineLink,


"desc":descContent,


"title":shareTitle


},function(res){



console.log(res.err_msg);


}

});

}

function wx_shareTimeline (){

WeixinJsBridge.invoke('sendTimeline',{


"appid":appid,


"img_url":imgurl,


"img_width":'640',


"img_height":'500',


"link":lineLink,


"desc":descContent,


"title":shareTitle


},function(res){



console.log(res.err_msg);


}

})

}


function wx_shareWeibo (){

WeixinJsBridge.invoke('sendWeibo',{


"appid":appid,


"img_url":imgurl,


"img_width":'640',


"img_height":'500',


"link":lineLink,


"desc":descContent,


"title":shareTitle


},function(res){



console.log(res.err_msg);


}

})

}

4.隐藏网页右上角按钮

 WeixinJsBridge.call('hideOptionMenu'); 

5.隐藏网页底部导航栏

 WeixinJsBridge.call('hideToolbar');

6.获取当前网络连接类型:

 WeixinJsBridge.invoke('getNetworkType',{},function(e){

console.log(e.err_msg);

 })

7.禁止用户分享

WeixinJsBridge.invoke('disabledShare',{},function(e){

})

8.判断是否在微信内置浏览器中打开

// true or false

var flag = WeixinApi.openInWeixin();

以上8条就是本文给大家分享的内容了,希望对大家的微信开发能有所帮助。

Javascript 相关文章推荐
Javascript实现计算个人所得税
May 10 Javascript
JavaScript入门基础
Aug 12 Javascript
jQuery实现的淡入淡出二级菜单效果代码
Sep 15 Javascript
js如何改变文章的字体大小
Jan 08 Javascript
基于Bootstrap3表格插件和分页插件实例详解
May 17 Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
Jun 12 Javascript
使用jquery.qrcode.js生成二维码插件
Oct 17 Javascript
bootstrap multiselect 多选功能实现方法
Jun 05 Javascript
浅谈Angular文字折叠展开组件的原理分析
Nov 24 Javascript
JS拖拽排序插件Sortable.js用法实例分析
Feb 20 Javascript
Node.js 获取微信JS-SDK CONFIG的方法示例
May 21 Javascript
详解node和ES6的模块导出与导入
Feb 19 Javascript
javascript实现checkBox的全选,反选与赋值
Mar 12 #Javascript
jQuery通过扩展实现抖动效果的方法
Mar 11 #Javascript
jQuery实现字符串按指定长度加入特定内容的方法
Mar 11 #Javascript
jquery利用命名空间移除绑定事件的方法
Mar 11 #Javascript
jQuery实现带动画效果的二级下拉导航方法
Mar 11 #Javascript
jquery图形密码实现方法
Mar 11 #Javascript
jQuery模拟新浪微博首页滚动效果的方法
Mar 11 #Javascript
You might like
PHP 中执行系统外部命令
2006/10/09 PHP
Snoopy类使用小例子
2008/04/15 PHP
在yii中新增一个用户验证的方法详解
2013/06/20 PHP
php配合jquery实现增删操作具体实例
2013/12/12 PHP
YII Framework教程之异常处理详解
2016/03/14 PHP
解决thinkphp5未定义变量会抛出异常,页面错误,请稍后再试的问题
2019/10/16 PHP
Javascript 篱式条件判断
2008/08/22 Javascript
JQuery团队打造的javascript单元测试工具QUnit介绍
2010/02/26 Javascript
jQuery 定时局部刷新(setInterval)
2010/11/19 Javascript
基于JQuery的日期联动实现代码
2011/02/24 Javascript
JS模拟自动点击的简单实例
2013/08/08 Javascript
js将控件隐藏及display属性的使用介绍
2013/12/30 Javascript
在jQuery中处理XML数据的大致方法
2015/08/14 Javascript
js实现商城星星评分的效果
2015/12/29 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
2016/09/21 Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
2017/06/13 Javascript
vue实现页面加载动画效果
2017/09/19 Javascript
vue 路由嵌套高亮问题的解决方法
2018/05/17 Javascript
Node.js HTTP服务器中的文件、图片上传的方法
2019/09/23 Javascript
javascript canvas时钟模拟器
2020/07/13 Javascript
[51:28]EG vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/16 DOTA
python基础教程项目五之虚拟茶话会
2018/04/02 Python
python3 webp转gif格式的实现示例
2019/12/10 Python
python 实现两个线程交替执行
2020/05/02 Python
Python Opencv轮廓常用操作代码实例解析
2020/09/01 Python
CSS3实现莲花绽放的动画效果
2020/11/06 HTML / CSS
html5之Canvas路径绘图、坐标变换应用实例
2012/12/26 HTML / CSS
综合办公室个人的自我评价
2013/12/22 职场文书
教师爱岗敬业演讲稿
2014/05/05 职场文书
四风个人对照检查材料思想汇报
2014/09/25 职场文书
会议接待欢迎词范文
2015/01/26 职场文书
2015年宣传部工作总结范文
2015/03/31 职场文书
2016年寒假社会实践活动总结
2015/10/10 职场文书
springcloud之Feign超时问题的解决
2021/06/24 Java/Android
浅谈Redis 中的过期删除策略和内存淘汰机制
2022/04/03 Redis
DE1107机评
2022/04/05 无线电