微信中一些常用的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获取复选框被选中的值
Apr 10 Javascript
JavaScript实现简单图片翻转的方法
Apr 17 Javascript
javascript创建函数的20种方式汇总
Jun 23 Javascript
JS实现仿Windows7风格的网页右键菜单效果代码
Sep 11 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
Oct 29 Javascript
jquery实现简单的banner轮播效果【实例】
Mar 30 Javascript
详解Vue爬坑之vuex初识
Jun 14 Javascript
jquery.validate表单验证插件使用详解
Jun 21 jQuery
vue数字类型过滤器的示例代码
Sep 07 Javascript
Vuejs中的watch实例详解(监听者)
Jan 05 Javascript
Vue中key的作用示例代码详解
Jun 10 Javascript
微信小程序中使用vant框架的具体步骤
Feb 18 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中的时间显示
2007/01/18 PHP
php通用防注入程序 推荐
2011/02/26 PHP
利用php绘制饼状图的实现代码
2013/06/07 PHP
php使用curl详细解析及问题汇总
2016/08/11 PHP
用Jquery实现多级下拉框无刷新的联动
2010/12/22 Javascript
模拟select的代码
2011/10/19 Javascript
window.opener用法和用途实例介绍
2013/08/19 Javascript
jquery+css3打造一款ajax分页插件(自写)
2014/06/18 Javascript
JavaScript使用Prototype实现面向对象的方法
2015/04/14 Javascript
jQuery on()方法示例及jquery on()方法的优点
2015/08/27 Javascript
深入探究AngularJS框架中Scope对象的超级教程
2016/01/04 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
2016/03/07 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
vue中axios的封装问题(简易版拦截,get,post)
2018/06/15 Javascript
详解js删除数组中的指定元素
2018/10/31 Javascript
vue ssr 实现方式(学习笔记)
2019/01/18 Javascript
JavaScript 实现同时选取多个时间段的方法
2019/10/17 Javascript
Python使用xlrd模块操作Excel数据导入的方法
2015/05/26 Python
Python配置mysql的教程(推荐)
2017/10/13 Python
深入理解Python单元测试unittest的使用示例
2017/11/18 Python
python 日志增量抓取实现方法
2018/04/28 Python
Python实现的拉格朗日插值法示例
2019/01/08 Python
PyQt5-QDateEdit的简单使用操作
2020/07/12 Python
CSS3实现复选框动画特效示例代码
2016/09/27 HTML / CSS
全面解析HTML5中的标准属性与自定义属性
2016/02/18 HTML / CSS
SKECHERS官方旗舰店:美国舒适运动休闲品牌
2017/12/22 全球购物
JD Sports丹麦:英国领先的运动时尚零售商
2020/11/24 全球购物
铭万公司.net面试题笔试题
2014/07/20 面试题
简述进程的启动、终止的方式以及如何进行进程的查看
2013/07/12 面试题
人力资源管理专业自荐书范文
2014/02/10 职场文书
离婚协议书范本(2014版)
2014/09/28 职场文书
法律意见书范文
2015/05/20 职场文书
小学六一主持词开场白
2015/05/28 职场文书
2016年优秀团支部事迹材料
2016/02/26 职场文书
2019年图书室自查报告范本
2019/10/12 职场文书
Spring Boot 整合 Apache Dubbo的示例代码
2021/07/04 Java/Android