gpt4 book ai didi

javascript - 避免在尚未应用 css 时瞬间显示

转载 作者:行者123 更新时间:2023-11-30 08:29:36 24 4
gpt4 key购买 nike

在我的客户端 Javascript 应用程序中,有几分之一秒的时间 css 尚未加载并且页面显示裸 html。我怎样才能避免这种情况(例如使用空白页面并检测 css 何时准备就绪)?

最佳答案

将此样式添加到您的 body 标记

<body style="display:none">

并将其添加到您的 CSS 文件中:

body { display: block !important; }

@somethinghere 建议视障人士可能不会加载样式表,因此此解决方案会阻止他们访问网页。这可以通过在 body 标签中添加这个小脚本来解决:

<body style="display:none" onload="document.body.removeAttribute('style');">

关于javascript - 避免在尚未应用 css 时瞬间显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39976664/

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