微信中一些常用的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 相关文章推荐
跨域传值即主页面与iframe之间互相传值
Dec 09 Javascript
JavaScript 开发工具webstrom使用指南
Dec 09 Javascript
jquery实现标签上移、下移、置顶
Apr 26 Javascript
配置Grunt的Task时通配符支持和动态生成文件名问题
Sep 06 Javascript
Javascript的表单与验证-非空验证
Mar 18 Javascript
深入浅析JavaScript函数前面的加号和叹号
Jul 09 Javascript
javascript+jQuery实现360开机时间显示效果
Nov 03 jQuery
vue router+vuex实现首页登录验证判断逻辑
May 17 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
Aug 09 Javascript
vue实现评论列表功能
Oct 25 Javascript
vue3.0中使用postcss-pxtorem的具体方法
Nov 20 Javascript
js抽奖转盘实现方法分析
May 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
用PHP将数据导入到Foxmail的实现代码
2010/09/05 PHP
PHP持久连接mysql_pconnect()函数使用介绍
2012/02/05 PHP
深入理解ob_flush和flush的区别(ob_flush()与flush()使用方法)
2013/02/06 PHP
解析php中用PHPMailer来发送邮件的示例(126.com的例子)
2013/06/24 PHP
PHP中的命名空间详细介绍
2015/07/02 PHP
php实现将Session写入数据库
2015/07/26 PHP
Zend Framework教程之Zend_Layout布局助手详解
2016/03/04 PHP
关于PHP中协程和阻塞的一些理解与思考
2017/08/11 PHP
Yii框架布局文件的动态切换操作示例
2019/11/11 PHP
javascript 控制弹出窗口
2007/04/10 Javascript
用jquery ajax获取网站Alexa排名的代码
2009/12/12 Javascript
JavaScript面向对象(极简主义法minimalist approach)
2012/07/17 Javascript
Node.js发送HTTP客户端请求并显示响应结果的方法示例
2017/04/12 Javascript
javascript中一些奇葩的日期换算方法总结
2018/11/14 Javascript
JavaScript This指向问题详解
2019/11/25 Javascript
Vue 一键清空表单的实现方法
2020/02/07 Javascript
[01:35]2018年度CS GO最佳战队-完美盛典
2018/12/17 DOTA
Python类的继承用法示例
2019/01/31 Python
简单介绍python封装的基本知识
2019/08/10 Python
python遍历文件目录、批量处理同类文件
2019/08/31 Python
基于Django框架的权限组件rbac实例讲解
2019/08/31 Python
打包PyQt5应用时的注意事项
2020/02/14 Python
Origins加拿大官网:雅诗兰黛集团高端植物护肤品牌
2017/11/19 全球购物
巴西补充剂和维生素购物网站:Natue
2019/06/17 全球购物
年度考核评语
2014/01/19 职场文书
高中毕业生的个人自我评价
2014/02/21 职场文书
体育课外活动总结
2014/07/08 职场文书
我们的节日中秋活动方案
2014/08/19 职场文书
财政专业大学生职业生涯规划书
2014/09/17 职场文书
2015新年寄语(一句话)
2014/12/08 职场文书
工作态度检讨书范文
2015/05/06 职场文书
2015年妇幼卫生工作总结
2015/05/23 职场文书
中学生打架检讨书之500字
2019/08/06 职场文书
五年级作文之成长
2019/09/16 职场文书
python中sys模块的介绍与实例
2021/04/17 Python
MySQL 8.0 之不可见列的基本操作
2021/05/20 MySQL