本文给大家汇总了一下在我们日常开发微信项目的过程中，经常需要用到的一些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 class="infopics">
<p class="picimg" ng-repeat="picture in info.infocontent.pitctures">
<img ng-src="{{picture.imgpath}}" ng-click="previewpics(picture.imgpath)">
</p>
</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方法汇总的详细内容。