Fatal编程技术网
  • javascript/
  • Javascript 如何在将类注入主体时防止flash未设置样式的内容

Javascript 如何在将类注入主体时防止flash未设置样式的内容

javascript dom

Javascript 如何在将类注入主体时防止flash未设置样式的内容,javascript,dom,Javascript,Dom,问候所有的智者！我真的需要你的帮助，因为我对JS/DOM还不熟悉。我有一个基本上获取和设置cookie的脚本，当特定元素被触发时，它将存储新的cookie值并刷新浏览器。然后将该值注入body类。然而，我遇到了一个问题，在向主体添加新类的过程中，它将在读取注入其主体的当前样式css之前读取默认样式（FOUC） （函数（$）{ })（jQuery）； 我如何预防这个问题？我已经尝试将其作为链接元素之前的第一个head元素，但是也失败了。尝试在body标记上设置主题，而不必刷新浏览器。jQuer

问候所有的智者！我真的需要你的帮助，因为我对JS/DOM还不熟悉。我有一个基本上获取和设置cookie的脚本，当特定元素被触发时，它将存储新的cookie值并刷新浏览器。然后将该值注入body类。然而，我遇到了一个问题，在向主体添加新类的过程中，它将在读取注入其主体的当前样式css之前读取默认样式（FOUC）


（函数（$）{

})（jQuery）；

我如何预防这个问题？我已经尝试将其作为链接元素之前的第一个head元素，但是也失败了。

尝试在body标记上设置主题，而不必刷新浏览器。jQuery的一大优点是，您可以在不刷新页面的情况下注入新的body类。不过，您仍然应该设置cookie，因为这对网站的其余部分很重要

当您从一个页面导航到另一个页面时，您需要使用一些服务器端脚本语言来读取cookie，并在将页面加载到浏览器之前在body标记上写入适当的CSS类。在PHP中，这类似于：

<body <?php if(isset($_COOKIE['THEME'])) { echo 'class="'.$_COOKIE['THEME'].'"'; } ?>>

同意。。也许我应该使用服务器端调用cookie并将其传递给body类。谢谢Liam。不过，如果有人有其他技术和选项，欢迎回复此线程..:）。我非常乐意阅读你的观点。同样，我使用这种技术，除了成功之外，什么都没有，但是如果有人有其他的方法来实现这一点，我很有兴趣阅读可能是什么。

<body <?php if(isset($_COOKIE['THEME'])) { echo 'class="'.$_COOKIE['THEME'].'"'; } ?>>