萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 微信中一些常用的js方法匯總

微信中一些常用的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 () {});
}
}

 

頁面元素:

 

代碼如下:
<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條就是本文給大家分享的內容了,希望對大家的微信開發能有所幫助。

copyright © 萬盛學電腦網 all rights reserved