微信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原生态函数中使用jQuery中的 $(this)无效的解决方法
May 25 Javascript
使用Node.js为其他程序编写扩展的基本方法
Jun 23 Javascript
jQuery双向列表选择器select版
Nov 01 Javascript
js 实现获取name 相同的页面元素并循环遍历的方法
Feb 14 Javascript
Vue.js实战之利用vue-router实现跳转页面
Apr 01 Javascript
浅谈react.js 之 批量添加与删除功能
Apr 17 Javascript
bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法
May 25 Javascript
Vue 中的compile操作方法
Feb 26 Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
Sep 05 Javascript
Vue 实现从文件中获取文本信息的方法详解
Oct 16 Javascript
vue实现井字棋游戏
Sep 29 Javascript
详解Node.js如何处理ES6模块
May 15 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实现图片缩放功能类
2013/12/18 PHP
codeigniter集成ucenter1.6双向通信的解决办法
2014/06/12 PHP
thinkphp中空模板与空模块的用法实例
2014/11/26 PHP
php结合redis高并发下发帖、发微博的实现方法
2016/12/15 PHP
php+ajax实现仿百度查询下拉内容功能示例
2017/10/20 PHP
PHP超全局变量实现原理及代码解析
2020/09/01 PHP
CL vs ForZe BO5 第三场 2.13
2021/03/10 DOTA
javascript改变position值实现菜单滚动至顶部后固定
2013/01/18 Javascript
js获得当前时区夏令时发生和终止的时间代码
2014/02/23 Javascript
js获取下拉列表的值和元素个数示例
2014/05/07 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
2016/03/05 Javascript
JS检测页面中哪个HTML标签触发点击事件的方法
2016/06/17 Javascript
浅谈window.onbeforeunload() 事件调用ajax
2016/06/29 Javascript
js实现星星打分效果
2020/07/05 Javascript
[01:09:50]VP vs Pain 2018国际邀请赛小组赛BO2 第二场
2018/08/20 DOTA
Python中实现结构相似的函数调用方法
2015/03/10 Python
Python多线程爬虫简单示例
2016/03/04 Python
Python实现计算两个时间之间相差天数的方法
2017/05/10 Python
Django入门使用示例
2017/12/12 Python
怎么使用pipenv管理你的python项目
2018/03/12 Python
Python3爬虫爬取英雄联盟高清桌面壁纸功能示例【基于Scrapy框架】
2018/12/05 Python
python dlib人脸识别代码实例
2019/04/04 Python
django 通过URL访问上传的文件方法
2019/07/28 Python
python单向链表的基本实现与使用方法【定义、遍历、添加、删除、查找等】
2019/10/24 Python
python绘制封闭多边形教程
2020/02/18 Python
Python实现子类调用父类的初始化实例
2020/03/12 Python
python中wheel的用法整理
2020/06/15 Python
Python实现数字的格式化输出
2020/08/01 Python
css3边框_动力节点Java学院整理
2017/07/11 HTML / CSS
英国二手物品交易网站:Preloved
2017/10/06 全球购物
Allsole美国/加拿大:英国一家专门出售品牌鞋子的网站
2018/10/21 全球购物
SmartBuyGlasses德国:购买太阳镜和眼镜
2019/08/20 全球购物
利用指针变量实现队列的入队操作
2012/04/07 面试题
司法工作人员群众路线对照检查材料思想汇报
2014/09/30 职场文书
新娘婚礼致辞
2015/07/27 职场文书
2019最新激励员工口号大全!
2019/06/28 职场文书