Javascript JQuery选择和交换样式表href值_Javascript_Jquery

Javascript JQuery选择和交换样式表href值

javascript jquery

Javascript JQuery选择和交换样式表href值,javascript,jquery,Javascript,Jquery,我想知道如何在下面的调整大小功能中选择下面的两个样式表链接。我需要根据方向值修改两个links href值，但我不确定如何在下面的条件语句中选择和填充它们，有什么想法吗 <head> <link rel="stylesheet" href="css/style.css" type='text/css' media='all' /> <link rel="stylesheet" href="css/ip

我想知道如何在下面的调整大小功能中选择下面的两个样式表链接。我需要根据方向值修改两个links href值，但我不确定如何在下面的条件语句中选择和填充它们，有什么想法吗

 <head>
                <link rel="stylesheet" href="css/style.css" type='text/css' media='all' />
                <link rel="stylesheet" href="css/iphone.css" type='text/css' media='all' />
                <script type="text/javascript">
                       $ = jQuery
                       $(document).ready(function() {
                             $(window).resize(function() {
                                     var orientation = window.orientation;

                              if(orientation == 90 || orientation == -90) { 
                                    //populate href of stylesheet link here
                                   } else {
                                       //populate href of stylesheet link here
                                   }
                             });
                          });
                </script>
   </head>


$=jQuery
$（文档）.ready（函数（）{
$（窗口）。调整大小（函数（）{
var方向=window.orientation；
如果（方向==90 | |方向==-90）{
//在此处填充样式表链接的href
}否则{
//在此处填充样式表链接的href
}
});
});

只需给出您的样式表和id，并将其更改为：

$("#id").attr("href", "/somecss.css");

请看此链接：

另一个问题：

最好将两个css放在一个文件中，以后不要更改css。 Css首先被加载。只有这样，javascript才会被执行。因此，首先将加载默认css。然后更改href标记（使用其他答案），然后加载下一个文件。给服务器打一个额外的电话。最好在一个文件中同时定义（横向和横向）css。

对于横向和横向，80%的css是相同的，其余20%可以使用第一个链接的原始css fomr进行配置。

如果使用CSS3，则可以使用CSS3媒体查询根据用户浏览器的方向更改样式

<link rel="stylesheet" media="all and (orientation:landscape)"href="landscape.css">

仅当用户浏览器的方向为横向时，才会包含此样式表

请记住，这只适用于与CSS3兼容的浏览器。

我认为最好根据方向更改

html

元素上的类。然后写下你的风格来支持不同的方向。Aaron选项也很好，如果你不担心浏览器不支持它的话。