微信中一些常用的js方法汇总

 更新时间:2015年03月12日 08:59:16   投稿:hebedich  
本文给大家汇总了一下在我们日常开发微信项目的过程中,经常需要用到的一些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条就是本文给大家分享的内容了,希望对大家的微信开发能有所帮助。

相关文章

  • JavaScript设计模式之代理模式详解

    JavaScript设计模式之代理模式详解

    这篇文章主要为大家详细介绍了JavaScript设计模式之代理模式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • echarts安装与配置

    echarts安装与配置

    这篇文章介绍了echarts安装与配置的方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • 微信小程序实现上传图片小功能

    微信小程序实现上传图片小功能

    这篇文章主要为大家详细介绍了微信小程序实现上传图片小功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • JavaScript使用canvas实现flappy bird全流程详解

    JavaScript使用canvas实现flappy bird全流程详解

    这篇文章主要介绍了JavaScript使用canvas实现flappy bird流程,canvas是HTML5提供的一种新标签,它可以支持JavaScript在上面绘画,控制每一个像素,它经常被用来制作小游戏,接下来我将用它来模仿制作一款叫flappy bird的小游戏
    2023-03-03
  • 老生常谈JS中的继承及实现代码

    老生常谈JS中的继承及实现代码

    这篇文章主要介绍了js中的继承及实现代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-07-07
  • JavaScript实现正则去除a标签并保留内容的方法【测试可用】

    JavaScript实现正则去除a标签并保留内容的方法【测试可用】

    这篇文章主要介绍了JavaScript实现正则去除a标签并保留内容的方法,结合实例形式详细分析了javascript针对a标签及span标签的正则匹配相关操作技巧,需要的朋友可以参考下
    2018-07-07
  • javaScript中with函数用法实例分析

    javaScript中with函数用法实例分析

    这篇文章主要介绍了javaScript中with函数用法,实例分析了javascript中with的功能、定义及相关使用技巧,需要的朋友可以参考下
    2015-06-06
  • JavaScript 对象的四种方式比较详解

    JavaScript 对象的四种方式比较详解

    本文主要介绍了JavaScript 对象的四种方式比较详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-05-05
  • JavaScript处理中文字符串的Base64编码与解码的两种方法

    JavaScript处理中文字符串的Base64编码与解码的两种方法

    这篇文章主要介绍了在 JavaScript 中处理中文字符串的 Base64 编码与解码,解释了 Base64 编码与中文字符冲突的原因,分别阐述了手动实现和使用TextEncoder和TextDecoder API 两种方法,包括编码和解码的具体实现及示例,最后总结了两种方法的适用场景
    2025-01-01
  • Bootstrap菜单按钮及导航实例解析

    Bootstrap菜单按钮及导航实例解析

    这篇文章主要介绍了Bootstrap菜单按钮及导航的相关资料,本文介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-09-09

最新评论