避免在尚未应用 css 时分秒显示

Lor*_*a L 1 javascript css

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

Tah*_*ksu 6

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

<body style="display:none">
Run Code Online (Sandbox Code Playgroud)

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

body { display: block !important; }
Run Code Online (Sandbox Code Playgroud)

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

<body style="display:none" onload="document.body.removeAttribute('style');">
Run Code Online (Sandbox Code Playgroud)