700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 微信公众平台显示隐藏网页右上角菜单(第九课)

微信公众平台显示隐藏网页右上角菜单(第九课)

时间:2024-05-08 18:33:20

相关推荐

微信公众平台显示隐藏网页右上角菜单(第九课)

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

隐藏右上角菜单接口

wx.hideOptionMenu();

显示右上角菜单接口

wx.showOptionMenu();

关闭当前网页窗口接口

wx.closeWindow();

批量隐藏功能按钮接口

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

批量显示功能按钮接口

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

隐藏所有非基础按钮接口

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

显示所有功能按钮接口

wx.showAllNonBaseMenuItem();

实现代码步骤

第一、jsp界面引入js库

第二、<body></body>之间的html代码

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

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

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

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

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

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

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

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

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

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

此文章本站原创,地址/119.html转载请注明出处!谢谢!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。