gpt4 book ai didi

javascript - 重定向到带有加载动画的页面

转载 作者:行者123 更新时间:2023-11-30 23:44:32 25 4
gpt4 key购买 nike

我已经知道了this solution. (将缓慢加载页面转移到显示动画的加载临时页面,然后重定向到实际页面)

但我真的很想在没有重定向页面的情况下解决这个问题。有什么线索吗?重定向将从代码隐藏中触发...

最佳答案

你可以尝试这样的事情:

<head>
...
<script type="text/javascript">
if (document.documentElement) {
document.documentElement.className = 'loading';
}
</script>
...
</head>

将其粘贴在您的 <head> 中标签,然后添加一些 CSS 来隐藏页面上除加载动画之外的所有内容。例如:

.loading > body > * {
display:none;
}
.loading body {
background:#fff url(../images/loading.gif) no-repeat 50% 50%;
}

然后添加一些 JavaScript 来清除 html页面加载完成时标签的类名:

// Using jQuery
$(document).ready(function() {
...
$(document.documentElement).removeClass('loading');
...
});

希望这有帮助。

关于javascript - 重定向到带有加载动画的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3503882/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com