我正在使用以下JS以SEO友好的方式避免出现未样式化的内容：
<script type="text/javascript">
$('#Container').addClass('fouc');
$(document).ready(function() {
$('#Container').show();
});
</script>
其中也有附带的CSS：
<style> .fouc {display:none;}</style>。我希望发生的是页面加载，至少，我的div #Container应该在添加的.fouc类上，但是，仅当我通过控制台手动添加它时，这种情况才会发生。
我是否需要一些其他代码等才能使其按预期运行？
仅供参考，在调用此脚本之前，我已经在调用JQuery。
感谢您的帮助！
最佳答案
避免FOUC的最好方法是将所有指向CSS文件的链接放在<head>元素中。这样，样式规则将在内容之前加载，然后对其进行样式设置。这既是SEO也是用户友好的。