微信小程序 > 微信公开课 > html5如何做到使用导航栏切换页面时不重新加载页面
微信小程序，微信公开课，html5如何做到使用导航栏切换页面时不重新加载页面

html5如何做到使用导航栏切换页面时不重新加载页面

2019-03-12 17:02:19

微信公开课小程序热门讨论「html5如何做到使用导航栏切换页面时不重新加载页面」最新回复-我刚开始也在找这个问题的答案，现在解决了，为后面学习的人栽棵树吧。实现这个功能有很多种方法，这里我选一种个人认为比较简单的方法：建立三个网页，一个作为主页面，另外两个子页面作为切换页面嵌入主页面，子页面也可以用文字替代。用jQuery方法来切换页面，语言比较简单网上搜一下看看就懂了下面附上代码!DOCTYPEhtmlhtmlheadmetacharset=UTF8title标题/title!jQuery百度CDN库scriptsrc=https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js/scriptscript//jQuery代码$(document).ready(function(){$(#b1).click(function(){$(#tab_1).show();//显示$(#tab_2).hide();//隐藏});$(#b2).click(function(){$(#tab_1).hide();$(#tab_2).show();});});/script/headbodydivh1标题一/h1/divdivdivullibuttonid=b1菜单1/button/lilibuttonid=b2菜单2/button/li/ul/divdivdivid=tab_1子页面1/divdivid=tab_2子页面2/div/div/div/body/html
可以采用标签页的形式，写好在html里面，点击导航之后隐藏原来的内容，在显示另外的内容或者采用ajax异步交互的形式，也是去掉原来的内容，在加载新的内容本回答被提问者和网友采纳 更多有关「html5如何做到使用导航栏切换页面时不重新加载页面」的疑问请扫码关注微信公开课+小程序！
标签：微信公开课,小程序
微信小程序，微信公开课，html5如何做到使用导航栏切换页面时不重新加载页面

「html5如何做到使用导航栏切换页面时不重新加载页面」热议话题订阅

方法1：微信扫描微信公开课小程序码即可订阅热议话题「html5如何做到使用导航栏切换页面时不重新加载页面」

方法2：微信搜索微信公开课小程序名称进入，即可订阅热议话题「html5如何做到使用导航栏切换页面时不重新加载页面」

方法3：微信网页访问即速商店，长按识别微信公开课小程序码即可订阅热议话题「html5如何做到使用导航栏切换页面时不重新加载页面」

微信公开课小程序热议话题「html5如何做到使用导航栏切换页面时不重新加载页面」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn，转载请注明出处。

微信公开课热议话题「html5如何做到使用导航栏切换页面时不重新加载页面」由微信公开课开发者向微信用户提供，并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。

微信公开课小程序

更新时间：2019-03-12 17:02:19

一键制作小程序 全国代理小程序 订阅微信公开课