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


Posted in Javascript onMarch 12, 2015

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 相关文章推荐
jquery实用代码片段集合
Aug 12 Javascript
jQuery代码优化 遍历篇
Nov 01 Javascript
jquery分页插件jpaginate在IE中不兼容问题
Apr 22 Javascript
浅谈javascript中字符串String与数组Array
Dec 31 Javascript
IE中document.createElement的iframe无法设置属性name的解决方法
Sep 14 Javascript
深入探讨前端框架react
Dec 09 Javascript
javascript拖拽应用实例
Mar 25 Javascript
jQuery实现base64前台加密解密功能详解
Aug 29 jQuery
jQuery实现获取及设置CSS样式操作详解
Sep 05 jQuery
详解React 的几种条件渲染以及选择
Oct 23 Javascript
node+multer实现图片上传的示例代码
Feb 18 Javascript
Vue简单实现原理详解
May 07 Javascript
javascript实现checkBox的全选,反选与赋值
Mar 12 #Javascript
jQuery通过扩展实现抖动效果的方法
Mar 11 #Javascript
jQuery实现字符串按指定长度加入特定内容的方法
Mar 11 #Javascript
jquery利用命名空间移除绑定事件的方法
Mar 11 #Javascript
jQuery实现带动画效果的二级下拉导航方法
Mar 11 #Javascript
jquery图形密码实现方法
Mar 11 #Javascript
jQuery模拟新浪微博首页滚动效果的方法
Mar 11 #Javascript
You might like
php下使用无限生命期Session的方法
2007/03/16 PHP
PHP跨时区(UTC时间)应用解决方案
2013/01/11 PHP
PHP代码优化之成员变量获取速度对比
2014/02/28 PHP
PHP实用函数分享之去除多余的0
2015/02/06 PHP
PHP判断网络文件是否存在的方法
2015/03/12 PHP
解决php写入数据库乱码的问题
2019/09/17 PHP
对JavaScript的eval()中使用函数的进一步讨论
2008/07/26 Javascript
event.srcElement 用法笔记e.target
2009/12/18 Javascript
JQuery的ajax获取数据后的处理总结(html,xml,json)
2010/07/14 Javascript
学习从实践开始之jQuery插件开发 菜单插件开发
2012/05/03 Javascript
js不完美解决click和dblclick事件冲突问题
2012/07/16 Javascript
javascript特殊用法示例介绍
2013/11/29 Javascript
jquery常用操作小结
2014/07/21 Javascript
基于JavaScript怎么实现让歌词滚动播放
2015/11/03 Javascript
javascript中的3种继承实现方法
2016/01/27 Javascript
js弹出窗口返回值的简单实例
2016/05/28 Javascript
JavaScript中输出信息的方法(信息确认框-提示输入框-文档流输出)
2016/06/12 Javascript
smartupload实现文件上传时获取表单数据(推荐)
2016/12/12 Javascript
如何实现星星评价(jquery.raty.js插件)
2016/12/21 Javascript
AngularJS中$http的交互问题
2017/03/29 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
2018/01/21 Javascript
如何解决webpack-dev-server代理常切换问题
2019/01/09 Javascript
python二叉树遍历的实现方法
2013/11/21 Python
python正则匹配查询港澳通行证办理进度示例分享
2013/12/27 Python
使用Python的Django框架结合jQuery实现AJAX购物车页面
2016/04/11 Python
Python Queue模块详细介绍及实例
2016/12/27 Python
python爬虫 正则表达式使用技巧及爬取个人博客的实例讲解
2017/10/20 Python
Python Numpy计算各类距离的方法
2019/07/05 Python
Django CBV模型源码运行流程详解
2020/08/17 Python
运动会广播稿50字-100字
2014/10/11 职场文书
新生入学欢迎词
2015/01/26 职场文书
敬老院义诊活动总结
2015/05/07 职场文书
活动总结书怎么写
2015/05/11 职场文书
商务英语邮件开头问候语
2015/11/10 职场文书
关于ObjectUtils.isEmpty() 和 null 的区别
2022/02/28 Java/Android
Python实现对齐打印 format函数的用法
2022/04/28 Python