基于查询字符串更改CSS

时间:2011-05-31 13:24:12

标签: jquery

使用jquery,是否可以根据查询字符串参数将整个css文件与另一个css文件交换?

例如,如果网址是 http://mysite.com/page1.php?style=1

这应该使用style1.css

如果网址是 http://mysite.com/page1.php?style=2

这应该使用style2.css

如何使用jquery

完成此操作

3 个答案:

答案 0 :(得分:5)

这并没有严格回答提出的问题,但最好能解决问题:

用PHP做。

<html>
   <head>
      <?php
      if (!is_numeric(@$_GET['style']))
         die("No style ID given!");

      echo '<link rel="stylesheet" href="style' . $_GET['style'] . '.css" />';
      ?>
   </head>

   <body>
   </body>
</html>

答案 1 :(得分:2)

link - http://mysite.com/page1.php?style=2

css - <link rel="stylesheet" type="text/css" href="style1.css" />

if ( location.search )
{
   var style = location.search.replace("?","").split("=");
   if ( style[0] === "style" && parseInt( style[1]) === 2 )
   {
      $("link").attr("href","style2.css");
   }
}

根据编辑前的问题。在Chrome上测试

答案 2 :(得分:0)

Tomatk提供的服务器端解决方案的

+1

但是,如果你想检查查询字符串客户端有可能,请查看这个例子:

How can I get query string values in JavaScript?