微信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 事件的一些重要说明
Oct 25 Javascript
javascript ie6兼容position:fixed实现思路
Apr 01 Javascript
jQuery实现类似淘宝购物车全选状态示例
Jun 26 Javascript
Jquery:ajax实现翻页无刷新功能代码
Aug 05 Javascript
在javascript中实现函数数组的方法
Dec 25 Javascript
html的DOM中document对象forms集合用法实例
Jan 21 Javascript
jQuery中trigger()与bind()用法分析
Dec 18 Javascript
表单中单选框添加选项和移除选项
Jul 04 Javascript
chrome浏览器如何断点调试异步加载的JS
Sep 05 Javascript
jQuery实现弹出窗口弹出div层的实例代码
Jan 09 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
Jan 12 Javascript
微信小程序实现上传照片代码实例解析
Aug 04 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
2021年最新CPU天梯图
2021/03/04 数码科技
树型结构列出指定目录里所有文件的PHP类
2006/10/09 PHP
php+mysqli使用预处理技术进行数据库查询的方法
2015/01/28 PHP
PHP中使用GD库绘制折线图 折线统计图的绘制方法
2015/11/09 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
JavaScript的Cookies
2008/01/16 Javascript
javascript自执行函数之伪命名空间封装法
2010/12/25 Javascript
jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
2013/04/26 Javascript
javascript实现的一个带下拉框功能的文本框
2014/05/08 Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
2014/10/17 Javascript
一篇文章掌握RequireJS常用知识
2016/01/26 Javascript
如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
2016/02/23 Javascript
jQuery分页插件jquery.pagination.js使用方法解析
2017/02/09 Javascript
简单的vue-resourse获取json并应用到模板示例
2017/02/10 Javascript
ajax请求+vue.js渲染+页面加载的示例
2018/02/11 Javascript
Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能
2018/08/12 Javascript
用Fundebug插件记录网络请求异常的方法
2019/02/21 Javascript
详解React项目如何修改打包地址(编译输出文件地址)
2019/03/21 Javascript
npm的lock机制解析
2019/06/20 Javascript
解决layui调用自定义方法提示未定义的问题
2019/09/14 Javascript
JS造成内存泄漏的几种情况实例分析
2020/03/02 Javascript
JS快速实现简单计算器
2020/04/08 Javascript
js实现无刷新监听URL的变化示例代码详解
2020/06/03 Javascript
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
使用Python脚本来获取Cisco设备信息的示例
2015/05/04 Python
解读Django框架中的低层次缓存API
2015/07/24 Python
Python迭代器和生成器定义与用法示例
2018/02/10 Python
利用Python产生加密表和解密表的实现方法
2019/10/15 Python
使用 CSS3 中@media 实现网页自适应的示例代码
2020/03/24 HTML / CSS
英国赛车、汽车改装和摩托车零件购物网站:Demon Tweeks
2018/10/29 全球购物
先进个人事迹材料
2014/01/25 职场文书
2014年药店工作总结
2014/11/20 职场文书
当幸福来敲门观后感
2015/06/01 职场文书
优秀学生干部主要事迹材料
2015/11/04 职场文书
vue实力踩坑之push当前页无效
2022/04/10 Vue.js
解决vue中provide inject的响应式监听
2022/04/19 Vue.js