Javascript 在页面加载时加载一个随机css文件（如果可能，请记住）_Javascript_Jquery_Css_Random

Javascript 在页面加载时加载一个随机css文件（如果可能，请记住）

javascript jquery css random

Javascript 在页面加载时加载一个随机css文件（如果可能，请记住）,javascript,jquery,css,random,Javascript,Jquery,Css,Random,我有6个不同的样式表和1个html页面。我需要做的是让页面在被访问时随机加载其中一个样式表另外，当用户访问并加载随机样式表时，是否可以记住加载了哪个样式表，并且只加载该特定访问者的样式表（即停止随机…加载最初加载的样式表）我已将jQuery加载到html文档中。您是否可以使用任何类型的服务器端脚本？如果是这样，我将决定在服务器上提供哪个CSS文件，并将该值保存在会话变量中，然后如果在后续页面加载时设置了该会话变量，则将其输出，而不是生成新的会话变量或者，您可以尝试或您是否可以使用任何类型的

我有6个不同的样式表和1个html页面。我需要做的是让页面在被访问时随机加载其中一个样式表

另外，当用户访问并加载随机样式表时，是否可以记住加载了哪个样式表，并且只加载该特定访问者的样式表（即停止随机…加载最初加载的样式表）

我已将jQuery加载到html文档中。

您是否可以使用任何类型的服务器端脚本？如果是这样，我将决定在服务器上提供哪个CSS文件，并将该值保存在会话变量中，然后如果在后续页面加载时设置了该会话变量，则将其输出，而不是生成新的会话变量

或者，您可以尝试或


$（文档）.ready（函数（）{
var userStylesheet=$.cookie（'user_stylesheet'）；
如果（！userStylesheet）{
userStylesheet=Math.floor（（Math.random（）*6）+1）；
$.cookie（'user\u stylesheet'，userStylesheet）；
}
var ss=$（''）.attr（'rel'，'stylesheet'）.attr（'type'，'text/css'）.attr（'href'，'stylesheet'+userStylesheet+'.css'）；
$（document.body）.append（ss）；
});
你好

编辑

以下是


$（文档）.ready（函数（）{
var userStylesheet=$.cookie（'user_stylesheet'）；
如果（！userStylesheet）{
userStylesheet=Math.floor（（Math.random（）*6）+1）；
$.cookie（'user\u stylesheet'，userStylesheet）；
}
var ss=$（''）.attr（'rel'，'stylesheet'）.attr（'type'，'text/css'）.attr（'href'，'stylesheet'+userStylesheet+'.css'）；
$（document.body）.append（ss）；
});
你好

编辑

下面是

使用cookie存储加载的样式表的链接。显然，你应该先检查用户是否曾经去过那里，是否使用过样式表，然后再使用那个样式表……否则就随机选取一个样式表。好的。。。我觉得我不适合做饼干。。。关于随机css有什么想法吗？你不喜欢，怎么会这样？因为你不知道如何管理/与他们合作？你认为它不聪明/不安全？在你的情况下是不允许的？不知道如何与他们合作。。。这将是一个很好的好处，但不是太重要（因为我不希望人们回到网站），他们真的不难相处，甚至更容易，如果你使用一个特殊的图书馆。只要看一下答案，它们提供了（简单的）使用cookie的方法。使用cookie存储加载的样式表。显然，你应该先检查用户是否曾经去过那里，是否使用过样式表，然后再使用那个样式表……否则就随机选取一个样式表。好的。。。我觉得我不适合做饼干。。。关于随机css有什么想法吗？你不喜欢，怎么会这样？因为你不知道如何管理/与他们合作？你认为它不聪明/不安全？在你的情况下是不允许的？不知道如何与他们合作。。。这将是一个很好的好处，但不是太重要（因为我不希望人们回到网站），他们真的不难相处，甚至更容易，如果你使用一个特殊的图书馆。只要看看答案，他们提供了（简单的）方法来做这与饼干。谢谢这个。。。我应该在哪里列出6个可用的样式表及其位置？谢谢你。。。我在哪里列出6个可用的样式表及其位置？

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>

<script>

$(document).ready(function(){
  var userStylesheet = $.cookie('user_stylesheet');

  if(!userStylesheet){
    userStylesheet = Math.floor((Math.random()*6)+1);
    $.cookie('user_stylesheet', userStylesheet);
  }

  var ss = $('<link/>').attr('rel', 'stylesheet').attr('type','text/css').attr('href', 'stylesheet' + userStylesheet + '.css');
  $(document.body).append(ss);

});

</script>
</head>
<body>
  Hello!
</body>
</html>