Question

我正在使用以下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。

感谢您的帮助！

Answer 1

避免FOUC的最佳方法是将所有链接放在<head>元素中的CSS文件中。这样，样式规则将在内容之前加载，然后将对样式进行样式设置。这是SEO和用户友好。