Question

我正在构建我自己的Web应用程序。在此应用程序的标题中有一个导航栏。

我在所有的html页面中添加了相同的导航栏，以便在页面之间导航时将其保持可见状态并将nav元素设置为活动到我现在所在的页面。

我的问题是，当我从一个页面导航到另一个页面时，每次加载时都会显示这个导航栏。（当我点击其中的链接时！）

所以现在我想如果当我点击当前页面上的链接时，当前页面应该被锁定/加盖，直到另一个页面加载并继续工作，这将是一个技巧。并且在页面上看不到加载过程。

<div class="scrollmenu" id="myHeader">
    <a style="float:left" href="index.html">Menu</a>
    <a style="float:left" href="page1.html">Page1</a>
    <a style="float:left" href="page2.html">Page2</a>
    <a style="float:right" href="#Search">Search</a>    
</div>

在Javascript中有可能这样吗？像VBA屏幕更新的东西。

我很感谢每一个提示或解决方案！干杯！

Answer 1

您所描述的行为是通过单页面应用程序（SPA）架构完成的。对于传统链接的文档，您从服务器请求页面，延迟所请求资源的加载 - 为了视觉连续性 - 将给人一种比正常连接慢的印象。这很可能会让您的用户感到沮丧。

锁定/冻结导航栏/整个html页面，直到加载其他html页面

1 个答案: