微信开发中常用的js方法汇总

本文给大家汇总了一下在我们日常开发微信项目的过程中，经常需要用到的一些js方法，都是些使用频率很高，而且非常简单的方法，这里推荐给大家。

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 () {});}}页面元素：

代码如下:　　<p>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条就是本文给大家分享的内容了，希望对大家的微信开发能有所帮助。以上就是微信开发中常用的js方法汇总的详细内容，更多请关注小潘博客其它相关文章！