微信中一些常用的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 相关文章推荐
Google Suggest ;-) 基于js的动态下拉菜单
Oct 11 Javascript
javascript 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持
Apr 07 Javascript
javascript html 静态页面传参数
Apr 10 Javascript
js正确获取元素样式详解
Aug 07 Javascript
JavaScript 核心参考教程 内置对象
Oct 13 Javascript
Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
Mar 17 Javascript
jscript读写二进制文件的方法
Apr 22 Javascript
JavaScript程序中的流程控制语句用法总结
May 23 Javascript
footer定位页面底部(代码分享)
Mar 07 Javascript
JQuery选中select组件被选中的值方法
Mar 08 jQuery
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
Aug 24 Javascript
Vue 自定义指令实现一键 Copy功能
Sep 16 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
SONY ICF-SW55的电路分析
2021/03/02 无线电
如何对PHP程序中的常见漏洞进行攻击
2006/10/09 PHP
PHP循环结构实例讲解
2014/02/10 PHP
Symfony2在Nginx下的配置方法图文教程
2016/02/04 PHP
php+mysql+jquery实现日历签到功能
2017/02/27 PHP
php变量与字符串的增删改查操作示例
2020/05/07 PHP
Javascript继承(上)——对象构建介绍
2012/11/08 Javascript
Javascript基础教程之for循环
2015/01/18 Javascript
原生JavaScript实现滚动条效果
2020/03/24 Javascript
JavaScript实现点击单元格改变背景色的方法
2016/02/12 Javascript
浅谈JavaScript for循环 闭包
2016/06/22 Javascript
JS简单获取当前日期时间的方法(如:2017-03-29 11:41:10 星期四)
2017/03/29 Javascript
分析javascript中9 个常见错误阻碍你进步
2017/09/18 Javascript
Vue+webpack项目基础配置教程
2018/02/12 Javascript
vue + vuex todolist的实现示例代码
2018/03/09 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
2018/12/09 Javascript
javascript异步编程的六种方式总结
2019/05/17 Javascript
vue路由的配置和页面切换详解
2020/09/09 Javascript
Python二叉搜索树与双向链表转换实现方法
2016/04/29 Python
pandas按若干个列的组合条件筛选数据的方法
2018/04/11 Python
10个Python小技巧你值得拥有
2018/09/29 Python
pygame游戏之旅 如何制作游戏障碍
2018/11/20 Python
python使用paramiko模块通过ssh2协议对交换机进行配置的方法
2019/07/25 Python
python 协程 gevent原理与用法分析
2019/11/22 Python
python add_argument()用法解析
2020/01/29 Python
解决pycharm中的run和debug失效无法点击运行
2020/06/09 Python
详解用Python调用百度地图正/逆地理编码API
2020/07/02 Python
很酷的HTML5电子书翻页动画特效
2016/02/25 HTML / CSS
请编写一个 C 函数,该函数在给定的内存区域搜索给定的字符,并返回该字符所在位置索引值
2014/09/15 面试题
小学运动会入场式解说词
2014/02/18 职场文书
旅游局领导班子“四风”问题对照检查材料思想汇报
2014/09/29 职场文书
长城导游词300字
2015/01/30 职场文书
2015年第31个教师节致辞
2015/07/31 职场文书
2019学校运动会开幕词
2019/05/13 职场文书
Java中的随机数Random
2022/03/17 Java/Android
mysql的单列多值存储实例详解
2022/04/05 MySQL