微信中一些常用的js方法匯總
1.網(wǎng)頁圖片集左右滑動(dòng)查看圖片,如下樣例:
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, //當(dāng)前地址
'urls':pictures //組
});
} else {
alert( "請(qǐng)?jiān)谖⑿胖胁榭?, 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.微信窗口關(guān)閉事件,實(shí)例如下:
WeixinJSBridge.invoke('closeWindow',{},function(res){
//alert(res.err_msg);
});
3.分享網(wǎng)頁鏈接至朋友、朋友圈、微博
var lineLink = 'http://../..',
imgUrl = 'http://../..',
shareTitle = '頁面標(biāo)題',
descContent='內(nèi)容簡(jiǎn)介',
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.隱藏網(wǎng)頁右上角按鈕
WeixinJsBridge.call('hideOptionMenu');
5.隱藏網(wǎng)頁底部導(dǎo)航欄
WeixinJsBridge.call('hideToolbar');
6.獲取當(dāng)前網(wǎng)絡(luò)連接類型:
WeixinJsBridge.invoke('getNetworkType',{},function(e){
console.log(e.err_msg);
})
7.禁止用戶分享
WeixinJsBridge.invoke('disabledShare',{},function(e){
})
8.判斷是否在微信內(nèi)置瀏覽器中打開
// true or false
var flag = WeixinApi.openInWeixin();
以上8條就是本文給大家分享的內(nèi)容了,希望對(duì)大家的微信開發(fā)能有所幫助。
相關(guān)文章
JS獲取URL中參數(shù)值(QueryString)的4種方法分享
今天碰到要在一個(gè)頁面獲取另外一個(gè)頁面url傳過來的參數(shù),一開始很本能的想到了用 split("?")這樣一步步的分解出需要的參數(shù)。后來想了一下,肯定會(huì)有更加簡(jiǎn)單的方法的!所以在網(wǎng)上找到了幾個(gè)很又簡(jiǎn)單實(shí)用的方法,mark下。2014-04-04利用Promise自定義一個(gè)GET請(qǐng)求的函數(shù)示例代碼
這篇文章主要給大家介紹了關(guān)于如何利用Promise自定義一個(gè)GET請(qǐng)求的函數(shù)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用Promise具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03JavaScript實(shí)現(xiàn)點(diǎn)擊單選按鈕改變輸入框中文本域內(nèi)容的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)點(diǎn)擊單選按鈕改變輸入框中文本域內(nèi)容的方法,涉及javascript單選按鈕控制頁面元素樣式的相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-08-08BootStrap中的Fontawesome 圖標(biāo)
這篇文章主要介紹了BootStrap中Fontawesome 圖標(biāo)的相關(guān)知識(shí),需要的朋友可以參考下2017-05-05js實(shí)現(xiàn)左側(cè)網(wǎng)頁tab滑動(dòng)門效果代碼
這篇文章主要介紹了js實(shí)現(xiàn)左側(cè)網(wǎng)頁tab滑動(dòng)門效果代碼,涉及JavaScript頁面元素的遍歷及元素屬性動(dòng)態(tài)切換的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09