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

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

js效果

代码如下:

var pictures = [];
 angular.forEach(pitctures,function(k,i){
         pictures[i] = k.imgPath;
 });
 $scope.previewPics = function(currentUrl){
        if (typeof window.WeixinJSBridge != &＃39;undefined&＃39;) {
            //微信图片集查看
            WeixinJSBridge.invoke(&＃39;imagePreview&＃39;, {
                &＃39;current&＃39;:currentUrl, //当前地址
                &＃39;urls&＃39;:pictures //组
            });
        } else {
            alert( "请在微信中查看", null, function () {});
        }
    }

页面元素：

代码如下:

2.微信窗口关闭事件，实例如下：

代码如下:

 WeixinJSBridge.invoke(&＃39;closeWindow&＃39;,{},function(res){
       //alert(res.err_msg);
 });

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

代码如下:

var lineLink = &＃39;http://../..&＃39;,
　　imgUrl = &＃39;http://../..&＃39;,
　　shareTitle = &＃39;页面标题&＃39;,
　　descCOntent=&＃39;内容简介&＃39;,
　　appid = &＃39;&＃39;;
//判断是否支持微信js
 if(typeof WeixinJsBridge == &＃39;undefined&＃39;){
　　if(document.addEventListener){
　　　　document.addEventListener(&＃39;WeixinJsBridgeReady&＃39;,onBridgeReady,false);
　　}else if(document.attachEvent){
　　　　document.attachEvent(&＃39;WeixinJsBridgeReady&＃39;,onBridgeReady);
　　　　document.attachEvent(&＃39;onWeixinJsBridgeReady&＃39;,onBridgeReady);
　　}
 }else{
　　onBridgeReady();
 }
function onBridgeReady (){
　　WeixinJsBridgeReady.on(&＃39;menu:share:appmessage&＃39;,wx_shareFriend);//分享朋友
　　WeixinJsBridgeReady.on(&＃39;menu:share:timeline&＃39;,wx_shareTimeline);//分享到朋友圈
　　WeixinJsBridgeReady.on(&＃39;menu:share:weibo&＃39;,wx_shareWeibo);//分享朋友
}
function wx_shareFriend (){
　　WeixinJsBridge.invoke(&＃39;sendAppMessage&＃39;,{
　　　　"appid":appid,
　　　　"img_url":imgurl,
　　　　"img_width":&＃39;640&＃39;,
　　　　"img_height":&＃39;500&＃39;,
　　　　"link":lineLink,
　　　　"desc":descContent,
　　　　"title":shareTitle
　　　　},function(res){
　　　　　　console.log(res.err_msg);
　　　　}
　　});
}
function wx_shareTimeline (){
　　WeixinJsBridge.invoke(&＃39;sendTimeline&＃39;,{
　　　　"appid":appid,
　　　　"img_url":imgurl,
　　　　"img_width":&＃39;640&＃39;,
　　　　"img_height":&＃39;500&＃39;,
　　　　"link":lineLink,
　　　　"desc":descContent,
　　　　"title":shareTitle
　　　　},function(res){
　　　　　　console.log(res.err_msg);
　　　　}
　　})
}　　
function wx_shareWeibo (){
　　WeixinJsBridge.invoke(&＃39;sendWeibo&＃39;,{
　　　　"appid":appid,
　　　　"img_url":imgurl,
　　　　"img_width":&＃39;640&＃39;,
　　　　"img_height":&＃39;500&＃39;,
　　　　"link":lineLink,
　　　　"desc":descContent,
　　　　"title":shareTitle
　　　　},function(res){
　　　　　　console.log(res.err_msg);
　　　　}
　　})
}

4.隐藏网页右上角按钮

代码如下:

　WeixinJsBridge.call(&＃39;hideOptionMenu&＃39;);　

5.隐藏网页底部导航栏

代码如下:

　WeixinJsBridge.call(&＃39;hideToolbar&＃39;);

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

代码如下:

　WeixinJsBridge.invoke(&＃39;getNetworkType&＃39;,{},function(e){
　　　　console.log(e.err_msg);
　})

7.禁止用户分享

代码如下:

　　WeixinJsBridge.invoke(&＃39;disabledShare&＃39;,{},function(e){
　　})

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

代码如下:

　　// true or false
　　var flag = WeixinApi.openInWeixin();

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

以上就是微信开发中常用的js方法汇总的详细内容，更多请关注php中文网其它相关文章！