微信中一些常用的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 相关文章推荐
让mayfish支持mysqli数据库驱动的实现方法
May 22 Javascript
自写的一个jQuery圆角插件
Oct 26 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
Jan 22 Javascript
JavaScript中的迭代器和生成器详解
Oct 29 Javascript
jQuery的css() 方法使用指南
May 03 Javascript
jquery移动点击的项目到列表最顶端的方法
Jun 24 Javascript
SWFObject基本用法实例分析
Jul 20 Javascript
JQuery操作textarea,input,select,checkbox方法
Sep 02 Javascript
js window对象属性和方法相关资料整理
Nov 11 Javascript
jQuery Mobile页面返回不需要重新get
Apr 26 Javascript
angular仿支付宝密码框输入效果
Mar 25 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
Nov 08 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+mysql来做一个功能强大的在线计算器
2010/10/12 PHP
Windows下利用Gvim写PHP产生中文乱码问题解决方法
2011/04/20 PHP
PHP之短标签开启设置
2013/06/17 PHP
获取URL文件名后缀
2013/10/24 PHP
两种php给图片加水印的实现代码
2020/04/18 PHP
静态的动态续篇之来点XML
2006/12/23 Javascript
图片连续滚动代码[兼容IE/firefox]
2009/06/11 Javascript
jquery实现的超出屏幕时把固定层变为定位层的代码
2010/02/23 Javascript
ImageZoom 图片放大镜效果(多功能扩展篇)
2010/04/14 Javascript
实测jquery data()如何存值
2013/08/18 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
2013/11/19 Javascript
jquery无法设置checkbox选中即没有变成选中状态
2014/03/27 Javascript
禁止iframe页面的所有js脚本如alert及弹出窗口等
2014/09/03 Javascript
javascript实现鼠标放上后下边对应内容变换的效果
2015/08/06 Javascript
js面向对象编程总结
2017/02/16 Javascript
js实现动态显示时间效果
2017/03/06 Javascript
微信小程序教程系列之新建页面(4)
2017/04/17 Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
2017/04/23 jQuery
通过nodejs 服务器读取HTML文件渲染到页面的方法
2018/05/17 NodeJs
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
2019/08/28 Javascript
[05:34]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY第二弹
2014/06/25 DOTA
Python获取apk文件URL地址实例
2013/11/01 Python
python实现电子词典
2020/04/23 Python
Python写的创建文件夹自定义函数mkdir()
2014/08/25 Python
利用Django框架中select_related和prefetch_related函数对数据库查询优化
2015/04/01 Python
Python在图片中添加文字的两种方法
2017/04/29 Python
Python unittest模块用法实例分析
2018/05/25 Python
python简单鼠标自动点击某区域的实例
2019/06/25 Python
python实现批量修改服务器密码的方法
2019/08/13 Python
Python django框架开发发布会签到系统(web开发)
2020/02/12 Python
Python实现Word文档转换Markdown的示例
2020/12/22 Python
用canvas画心电图的示例代码
2018/09/10 HTML / CSS
中层竞聘演讲稿
2014/01/09 职场文书
公安派出所所长四风问题个人对照检查材料
2014/10/04 职场文书
事业单位工作人员岗前培训心得体会
2016/01/08 职场文书
Golang 结构体数据集合
2022/04/22 Golang