微信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 相关文章推荐
一个简单的js树形菜单
Dec 09 Javascript
jQuery的slideToggle方法实例
May 07 Javascript
js 输出内容到新窗口具体实现代码
May 31 Javascript
JS对文本框值的判断示例
Mar 10 Javascript
jQuery超简单选项卡完整实例
Sep 26 Javascript
jQuery事件绑定on()与弹窗实现代码
Apr 28 Javascript
webpack入门必知必会
Jan 16 Javascript
JavaScript 中的 this 简单规则
Sep 19 Javascript
Angular之toDoList的实现代码示例
Dec 02 Javascript
vue解决使用$http获取数据时报错的问题
Oct 30 Javascript
基于better-scroll 实现歌词联动功能的代码
May 07 Javascript
Vue-Element-Admin集成自己的接口实现登录跳转
Jun 23 Vue.js
微信小程序 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类
2006/07/15 PHP
如何给phpcms v9增加类似于phpcms 2008中的关键词表
2013/07/01 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
PHP生成加减算法方式的验证码实例
2018/03/12 PHP
PHP实现简易计算器功能
2020/08/28 PHP
firefox中用javascript实现鼠标位置的定位
2007/06/17 Javascript
javascript 有用的脚本函数
2009/05/07 Javascript
javascript获得CheckBoxList选中的数量
2009/10/27 Javascript
各浏览器中querySelector和querySelectorAll的实现差异分析
2012/05/23 Javascript
JS上传前预览图片实例
2013/03/25 Javascript
JavaScript中数组成员的添加、删除介绍
2014/12/30 Javascript
jQuery基于扩展简单实现倒计时功能的方法
2016/05/14 Javascript
js仿小米官网图片轮播特效
2016/09/29 Javascript
关于axios返回空对象的问题解决
2017/04/04 Javascript
vue-router+nginx 非根路径配置方法
2018/06/30 Javascript
详解easyui基于 layui.laydate日期扩展组件
2018/07/18 Javascript
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
2019/05/12 jQuery
nodejs log4js 使用详解
2019/05/31 NodeJs
vue+elementui 对话框取消 表单验证重置示例
2019/10/29 Javascript
[03:06]3分钟带你回顾DOTA2完美盛典&完美大师赛
2017/12/06 DOTA
Python中遍历字典过程中更改元素导致异常的解决方法
2016/05/12 Python
python+numpy+matplotalib实现梯度下降法
2018/08/31 Python
Django model反向关联名称的方法
2018/12/15 Python
Python基础之循环语句用法示例【for、while循环】
2019/03/23 Python
python str字符串转uuid实例
2020/03/03 Python
Python 打印自己设计的字体的实例讲解
2021/01/04 Python
五个2015 年最佳HTML5 框架
2015/11/11 HTML / CSS
将SVG图引入到HTML页面的实现
2019/09/20 HTML / CSS
Carrs Silver官网:英国著名的银器品牌
2020/08/29 全球购物
生物科学系大学生的自我评价
2013/12/20 职场文书
师范学院美术系毕业生自我鉴定
2014/01/29 职场文书
债务纠纷委托书
2014/08/30 职场文书
交通安全教育主题班会
2015/08/12 职场文书
导游词之上海豫园
2019/10/24 职场文书
Win11无法访问设备和打印机 如何解决页面空白
2022/04/09 数码科技
TaiShan 200服务器安装Ubuntu 18.04的图文教程
2022/06/28 Servers