javascript - 锁定/卡住导航栏/整个 html 页面，直到加载其他 html 页面

Question

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

我将相同的导航栏添加到我的所有 html 页面，以便在页面之间导航时保​​持可见，并将导航元素设置为事件到我现在所在的页面。

我的问题是，当我从一个页面导航到另一个页面时，每次加载时都会显示此导航栏。(当我单击其中的链接时!)

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

这是 a JS Example !

<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) 架构实现的。对于传统的链接文档，当您从服务器请求页面时，延迟加载所请求的资源——为了视觉连续性——会给人一种比正常连接慢的印象。这很可能会让您的用户感到沮丧。