Javascript 避免在尚未应用css时在瞬间显示_Javascript_Css

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

javascript css

Javascript 避免在尚未应用css时在瞬间显示,javascript,css,Javascript,Css,在我的客户机Javascript应用程序中，当css尚未加载且页面显示为纯html时，只需几秒钟的时间。如何避免这种情况，例如使用空白页并检测css何时准备就绪？将此样式添加到您的body标签中 @这里的一些东西表明，视力受损的人可能不会加载样式表，因此此解决方案将阻止他们访问网页。通过在body标记中添加以下小脚本，可以解决此问题： <body style="display:none" onload="document.body.removeAttribute('style');">

在我的客户机Javascript应用程序中，当css尚未加载且页面显示为纯html时，只需几秒钟的时间。如何避免这种情况，例如使用空白页并检测css何时准备就绪？

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

@这里的一些东西表明，视力受损的人可能不会加载样式表，因此此解决方案将阻止他们访问网页。通过在body标记中添加以下小脚本，可以解决此问题：

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

将此样式添加到主体标记

@这里的一些东西表明，视力受损的人可能不会加载样式表，因此此解决方案将阻止他们访问网页。通过在body标记中添加以下小脚本，可以解决此问题：

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

在脚本之前包含样式表sas@Maxx说，在脚本之前包含样式表。如果可能，请将它们包含在标签中。欢迎使用SO。请访问以了解为什么这是离题的。提示：发布代码并在脚本之前包含样式表sas@Maxx说，在脚本之前包含样式表。如果可能，请将它们包含在标签中。欢迎使用SO。请访问以了解为什么这是离题的。提示：发布代码和轻松对于那些不加载样式表的用户来说，比如说视力受损的用户呢？在上面的评论中提出的建议更好，只需在样式评估内容之前包含样式。如果它们阻止CSS，内联样式是否也会被阻止？正如我所知，在加载除其他实体之外的图像时，会触发onload。所以，我不认为使用这个答案是个好主意。感谢为视障人士提供的更新，但是，他们通常也会使用javascript：最好在你的body-opening标记下面添加一个脚本，添加显示：无，因为该元素当时存在。然后用CSS删除它。大家快乐！如果它与无css无关，css将在图像之前加载，并使主体可见。那么不加载样式表的用户呢，比如说视力受损的用户？在上面的评论中提出的建议更好，只需在样式评估内容之前包含样式。如果它们阻止CSS，内联样式是否也会被阻止？正如我所知，在加载除其他实体之外的图像时，会触发onload。所以，我不认为使用这个答案是个好主意。感谢为视障人士提供的更新，但是，他们通常也会使用javascript：最好在你的body-opening标记下面添加一个脚本，添加显示：无，因为该元素当时存在。然后用CSS删除它。大家快乐！如果它与无css无关，css将在图像之前加载，并使主体可见。

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