用javascript加载css，而不使页面刺耳

在我的网站页面中，我使用了一系列jquery动画（准确地说是velocity），一切都很好

但有一个问题：

我希望当一些访问者的浏览器上没有启用javascript时，站点不会自动加载css（我将其修改为与javascript一起使用），并且站点没有动画图形

要使用javascript加载css，我使用以下代码：

<script type="text/javascript">
jQuery(document).ready(function($){
     var cssLink = $("<link rel='stylesheet' type='text/css' href='/wp-content/themes/one/css/home.css'>");
     $("head").append(cssLink);
});
 </script>

jQuery（文档）.ready（函数（$）{
var cssLink=$（“”）；
$（“标题”）。追加（cssLink）；
});

但现在还有一个问题：

• 一旦我打开网站，在一瞬间，你会看到第一个页面，然后它以css开始，通过javascript加载，然后你会看到我在第二个css中设置的所有内容（用javascript加载）

---

在用javascript加载css之前，如何消除这种错误视图？

一个选项是显示：在注入css文件后，正文或包装上无任何内容，然后在文档上显示就绪？您可以从头部加载jQuery，然后在它旁边调用脚本来加载css，而无需使用文档就绪处理程序（在您的情况下是无用的或者您仍然可以从HEAD部分仅使用javascript包含CSS链接，在本例中，使用jQuery是非常不相关的，无论如何，将body opacity设置为0。然后设置$（window）.load（function（）{$（'body'）.css（'opacity'，'1'）；}）@Nishitmaheta，但对于禁用javascript的用户，body仍将保持不透明度等于0@A.Wolff如果禁用了javascript，那么css也不会附加在head标记中。使用javascript加载css文件