我正在构建自己的Web应用程序,它包含许多html页面。
此应用程序有一个导航栏,其中的元素从我的本地数据库加载。
我想创建一个导航栏,可以通过单击标签栏中的元素来加载html页面的内容。但导航栏不应再次加载,它会保留在原位。
这是JS Fiddle!
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<div class="w3-bar w3-black">
<a class="w3-bar-item w3-button" href="/">London</a>
<a class="w3-bar-item w3-button" href="/">Paris</a>
<a class="w3-bar-item w3-button" href="/">Tokyo</a>
</div>
如果我点击例如“伦敦”,我会在标签选项卡下面找到London.html内容。当我点击“巴黎”时,我会得到Paris.html的内容。东京也一样。
诀窍是加载内容而不再是导航栏。
我感谢每一个帮助或小费,祝你有个美好的一天! :)