微信js-sdk界面操作接口用法示例


Posted in Javascript onOctober 12, 2016

本文实例讲述了微信js-sdk界面操作接口用法。分享给大家供大家参考,具体如下:

前提已经在wx.config()中获取到接口的权限,以官方文档为准

说明:

1.目前提供的界面操作接口和使用都比较简单

2.有些好像还有点重复

3.“调整字体”、“投诉”这两个测试的时候无法隐藏,属于基础类

一、关闭微信浏览器窗口

wx.closeWindow()

window.close()关闭微信浏览器无效,当前方法被屏蔽,在 Cordova的WebView中也是这样不可用

二、显示或隐藏部分按钮接口

说明,基础类无法控制隐藏和显示

//隐藏指定菜单项,要隐藏的菜单项
//只能隐藏“传播类”和“保护类”按钮
wx.hideMenuItems({
  menuList:[
  'menuItem:exposeArticle', //基础类 菜单不能隐藏
  'menuItem:setFont'
  ]
});
// 'menuItem:share:weiboApp', //分享到微博,不可用(属于传播类)
// 'menuItem:refresh'  //刷新按钮不可用(属于基础类)
//显示指定菜单项
//只能显示部分“传播类”和保护类
wx.showMenuItems({
  menuList:[
  'menuItem:share:qq',
  'menuItem:copyUrl',
  ]
});

三、显示或隐藏非基础按钮接口

//隐藏非基础按钮
wx.hideAllNonBaseMenuItem();
//显示非基础按钮
wx.showAllNonBaseMenuItem();

四、显示或隐藏菜单,测试无效,测试结果和非基础按钮功能相同

//隐藏右上角菜单
wx.hideOptionMenu();
//隐藏右上角菜单
wx.showOptionMenu();

附录3-所有菜单项列表

基本类

举报: "menuItem:exposeArticle"
调整字体: "menuItem:setFont"
日间模式: "menuItem:dayMode"
夜间模式: "menuItem:nightMode"
刷新: "menuItem:refresh"
查看公众号(已添加): "menuItem:profile"
查看公众号(未添加): "menuItem:addContact"

传播类

发送给朋友: "menuItem:share:appMessage"
分享到朋友圈: "menuItem:share:timeline"
分享到QQ: "menuItem:share:qq"
分享到Weibo: "menuItem:share:weiboApp"
收藏: "menuItem:favorite"
分享到FB: "menuItem:share:facebook"
分享到 QQ 空间/menuItem:share:QZone

保护类

编辑标签: "menuItem:editTag"
删除: "menuItem:delete"
复制链接: "menuItem:copyUrl"
原网页: "menuItem:originPage"
阅读模式: "menuItem:readMode"
在QQ浏览器中打开: "menuItem:openWithQQBrowser"
在Safari中打开: "menuItem:openWithSafari"
邮件: "menuItem:share:email"
一些特殊公众号: "menuItem:share:brand"

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript 图像动画的小demo
May 23 Javascript
js实现右下角可关闭最小化div(可用于展示推荐内容)
Jun 24 Javascript
jQuery中获取checkbox选中项等操作及注意事项
Nov 24 Javascript
JQuery异步获取返回值中文乱码的解决方法
Jan 29 Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 Javascript
vue-resouce设置请求头的三种方法
Sep 12 Javascript
详解在vue-cli中使用路由
Sep 25 Javascript
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
Dec 24 jQuery
vue项目中应用ueditor自定义上传按钮功能
Apr 27 Javascript
如何解决React官方脚手架不支持Less的问题(小结)
Sep 12 Javascript
微信小程序表单验证插件WxValidate的二次封装功能(终极版)
Sep 03 Javascript
基于JS判断对象是否是数组
Jan 10 Javascript
微信小程序 location API接口详解及实例代码
Oct 12 #Javascript
webpack+vue.js实现组件化详解
Oct 12 #Javascript
微信小程序 加载 app-service.js 错误解决方法
Oct 12 #Javascript
微信js-sdk上传与下载图片接口用法示例
Oct 12 #Javascript
JS禁止查看网页源代码的实现方法
Oct 12 #Javascript
webpack+vue.js快速入门教程
Oct 12 #Javascript
jquery 抽奖小程序实现代码
Oct 12 #Javascript
You might like
PHP闭包函数传参及使用外部变量的方法
2016/03/15 PHP
PHP并发多进程处理利器Gearman使用介绍
2016/05/16 PHP
php并发加锁示例
2016/10/17 PHP
关于Yii中模型场景的一些简单介绍
2019/09/22 PHP
JavaScript中获取未知对象属性的代码
2011/04/27 Javascript
javascript中日期函数new Date()的浏览器兼容性问题
2015/09/05 Javascript
基于javascript实现简单的抽奖系统
2020/04/15 Javascript
JS判断元素是否在数组内的实现代码
2016/03/30 Javascript
Angular.js中上传指令ng-upload的基本使用教程
2017/07/30 Javascript
mpvue跳转页面及注意事项
2018/08/03 Javascript
jQuery点击页面其他部分隐藏下拉菜单功能
2018/11/27 jQuery
基于Node.js的大文件分片上传示例
2019/06/19 Javascript
VsCode与Node.js知识点详解
2019/09/05 Javascript
Vue + Element-ui的下拉框el-select获取额外参数详解
2020/08/14 Javascript
[02:40]DOTA2殁境神蚀者 英雄基础教程
2013/11/26 DOTA
[02:21]2018完美盛典章节片——初心
2018/12/17 DOTA
[49:21]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第二场 11.05
2020/11/06 DOTA
python查找第k小元素代码分享
2013/12/18 Python
以911新闻为例演示Python实现数据可视化的教程
2015/04/23 Python
5款非常棒的Python工具
2018/01/05 Python
python+selenium 定位到元素,无法点击的解决方法
2019/01/30 Python
实例详解python函数的对象、函数嵌套、名称空间和作用域
2019/05/31 Python
Python使用pyyaml模块处理yaml数据
2020/04/14 Python
使用keras实现BiLSTM+CNN+CRF文字标记NER
2020/06/29 Python
python中selenium库的基本使用详解
2020/07/31 Python
通过实例解析Python文件操作实现步骤
2020/09/21 Python
后勤人员自我鉴定
2013/10/20 职场文书
生产现场工艺工程师岗位职责
2013/11/28 职场文书
污水厂厂长岗位职责
2014/01/04 职场文书
工程专业求职自荐书范文
2014/02/18 职场文书
网站美工岗位职责
2014/04/02 职场文书
邀请函格式范文
2015/02/02 职场文书
办公用品管理制度
2015/08/04 职场文书
如何利用STAR法则制作留学文书?
2019/08/26 职场文书
MySQL 如何分析查询性能
2021/05/12 MySQL
css3手动实现pc端横向滚动
2022/06/21 HTML / CSS