最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:懂视网 责编:小采 时间:2020-11-27 21:35:26
文档

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

微信中一些常用的js方法汇总_javascript技巧:1.网页图片集左右滑动查看图片,如下样例: js效果 代码如下: var pictures = []; angular.forEach(pitctures,function(k,i){ pictures[i] = k.imgPath; }); $scope.previewPics = function(currentUrl){ i
推荐度:
导读微信中一些常用的js方法汇总_javascript技巧:1.网页图片集左右滑动查看图片,如下样例: js效果 代码如下: var pictures = []; angular.forEach(pitctures,function(k,i){ pictures[i] = k.imgPath; }); $scope.previewPics = function(currentUrl){ i
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 () {});
}
}

页面元素:

代码如下:
  




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条就是本文给大家分享的内容了,希望对大家的微信开发能有所帮助。

文档

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

微信中一些常用的js方法汇总_javascript技巧:1.网页图片集左右滑动查看图片,如下样例: js效果 代码如下: var pictures = []; angular.forEach(pitctures,function(k,i){ pictures[i] = k.imgPath; }); $scope.previewPics = function(currentUrl){ i
推荐度:
标签: 微信 常用 微信中
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top