微信开发中常用的js方法汇总-微信开发-PHP中文网

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

高洛峰

发布： 2017-03-15 17:26:10

原创

1925人浏览过

本文给大家汇总了一下在我们日常开发微信项目的过程中，经常需要用到的一些js方法，都是些使用频率很高，而且非常简单的方法，这里推荐给大家。

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

js效果

代码如下:

微信源码微趣能Weiqn

产品介绍微趣能 Weiqn 开源免费的微信公共账号接口系统。MVC框架框架结构清晰、易维护、模块化、扩展性好，性能稳定强大核心－梦有多大核心就有多大，轻松应对各种场景！微趣能系统以关键字应答为中心与内容素材库文本如图片语音视频和应用各类信息整体汇集并且与第三方应用完美结合，强大的前后台管理；人性化的界面设计。开放API接口－灵活多动的API，万名开发者召集中。Weiqn 系统开发者AP

查看详情

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 () {});
        }
    }

登录后复制

页面元素：

代码如下:

　　<p class="infoPics">
           <p class="picImg" ng-repeat="picture in info.infoContent.pitctures">
                <img ng-src="{{picture.imgPath}}" ng-click="previewPics(picture.imgPath)">
           </p>
     </p>

登录后复制

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方法汇总的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

如何删除朋友圈里的某个人服务号和小程序的区别是什么微信正在输入什么情况下才会出现微信自建地址如何编辑微信页面上面那一行字怎么设置