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

微信公开课小程序热门讨论「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如何做到使用导航栏切换页面时不重新加载页面」的疑问请扫码关注微信公开课+小程序！了解更多