首页 > 热点 > 微信 > 正文

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

2024-07-22 01:16:35
字体:
来源:转载
供稿:网友

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);//分享朋友
}

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表