微信公众平台显示隐藏网页右上角菜单实例介绍

微信官方jsapi提供了界面操作接口，用来控制微信网页右上角的菜单，下面看看微信官方文档关于界面操作接口的说明。

隐藏右上角菜单接口

wx.hideOptionMenu();

显示右上角菜单接口

wx.showOptionMenu();

关闭当前网页窗口接口

wx.closeWindow();

批量隐藏功能按钮接口

wx.hideMenuItems({
    menuList: [] // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
});

批量显示功能按钮接口

wx.showMenuItems({
    menuList: [] // 要显示的菜单项，所有menu项见附录3
});

隐藏所有非基础按钮接口

wx.hideAllNonBaseMenuItem();
// “基本类”按钮详见附录3

显示所有功能按钮接口

wx.showAllNonBaseMenuItem();

---

实现代码步骤

第一、jsp界面引入js库

第二、之间的html代码

第三、<script></script>之间初始化微信jsapi库添加

第四、调用第二步button按钮的功能js代码，在wx.ready中添加

这些js方法注释已经写的很明白，每个方法对应一个button按钮功能

第五、完整的jsp页面代码，读者可直接复制运行

上述jsp代码中有四个参数，这四个参数是成功调用微信jsapi的凭证，分别为appId(必填，公众号的唯一标识),timestamp(必填，生成签名的时间戳), nonceStr(必填，生成签名的随机串) ,signature(必填，签名)，关于如何生成这四个参数，如果不知道的读者，请查看本页面左上角的菜单，里面有详细介绍，在这里不在累述。 

第六、上述代码运行后，效果如下

打开微信进入界面，功能已表示为红色

点击隐藏右上角菜单，效果如下

点击显示右上角菜单按钮，效果如下，仔细看此时还有复制链接，分享到朋友圈等功能

点击批量隐藏功能按钮，我们会发现，右上角的分享到朋友圈、复制链接已经没有了，效果图如下

Atas ialah kandungan terperinci 微信公众平台显示隐藏网页右上角菜单实例介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!