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

标签 javascript jquery html css

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

我向所有 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 屏幕更新之类的东西。

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

最佳答案

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

关于javascript - 锁定/卡住导航栏/整个 html 页面,直到加载其他 html 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49593603/

相关文章:

javascript - "Error loading Script"js错误可以忽略吗?

php - 在 Windows 7 上安装 PECL

javascript - 如何在运行时删除 jquery 对象?

javascript - 如果我没有点击元素,如何停止检测鼠标离开

javascript - 打开自定义协议(protocol)后关闭浏览器窗口

html - CSS:对 Angular 线边框和 z 索引重叠

javascript - Web 应用程序 - 拍摄照片?

javascript - ASP MVC Net 使用检查列表剑道网格

javascript - 无法使用post请求nodejs重定向

jquery - 将 $(this) 与 FileReader() 一起使用来定位结果