Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 锁定/冻结导航栏/整个html页面,直到加载其他html页面_Javascript_Jquery_Html_Css - Fatal编程技术网

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

Javascript 锁定/冻结导航栏/整个html页面,直到加载其他html页面,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我目前正在构建自己的web应用程序。此应用程序的标题中有一个导航栏 我在所有html页面中添加了相同的导航栏,以便在页面之间导航时可以看到它,并将nav元素设置为当前所在页面的活动状态 我的问题是,每次我从一个页面导航到另一个页面时,导航栏都会显示它正在加载。(当我单击其中的链接时!) 所以现在我想,如果我点击当前页面上的链接,当前页面应该被锁定/折叠,直到另一个页面加载并继续工作,这将是一个技巧。并且在页面上看不到加载过程 给你 在Javascript中是否可能实现这种功能?类似VBA屏幕

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

我在所有html页面中添加了相同的导航栏,以便在页面之间导航时可以看到它,并将nav元素设置为当前所在页面的活动状态

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

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

给你


在Javascript中是否可能实现这种功能?类似VBA屏幕更新的东西

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

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

在我看来,这是一个很好的问题。试着大声思考。。。只要单击一个链接或按钮,您的请求就会被发送,这意味着DOM将被清除并等待下一个响应。你看到的空白页就是等待过程。我并不是说这是不可能的。你可以用Ajax获得你的页面,但这样做是值得的。然而,我很好奇是否有人能想出一个解决办法。谢谢你的回答!但我的目标是向导航栏添加更多元素,这在AJAX中是不可能的,我已经测试过了:(@Basch你不知道你在说什么。去学习如何正确使用web API。因此我问这样的过程是否可能:)@KirkBeard我正在构建一个对象网络的web应用程序,用于研究问题,你的意思是我在一个新问题中再次提问?加载时间约为540毫秒,但你所说的是正确的,有道理的。非常感谢。
<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>