js电脑手机分别调用不同的css的简单介绍

如何通过JS调用不同的CSS样式表??

随机载入CSS样式的JS效果实际上很好实现，本文的代码如下，具体思路是用一个默认的CSS样式：default.css。另外再用三个其他名称的CSS：skincss，skincss，skincss。

第一步：在连接样式表的元素里定义一个id，例如 复制代码 代码如下： 我定义的id是css。

在c.css里写好你的样式：.cssStyle {你的样式}；然后在a.js里加入$(span).addClass(cssStyle)即可。

Javascript获取页面的元素的样式常见的两个方法是 document.getElementById()， document.querySelector()；方法。2 在下面的实例中是使用Javascript来改变标签的背景颜色，使用的是document.querySelector()方法。

html代码：此处为屏幕宽度为414与900之间的展示样式 这样就可以根据不同的屏幕大小给对应的div添加不同的样式了。

相关问答

Q1: 怎样用js判断不同的电脑屏幕分辨率大小然后调用不同的css样式

1、根据不同的分辨率，引入不同的css样式表 这个方法和方法一相同，也是通过判断电脑的分辨率，来引入相对应的css样式表。

2、html代码：此处为屏幕宽度为414与900之间的展示样式 这样就可以根据不同的屏幕大小给对应的div添加不同的样式了。

3、一般是根据不同分辨率来调用输出不同的css 来达到自适应。除非您的页面复杂得无法通过css 重写来达到，只有靠新页面来实现就用跳转。但是现在的网站都是通过输出css来做的了 像京东 tmall都是。

4、用@media就行了。当然JS来获取分辨率来调用不同CSS也是可以但是，麻烦，需要写不同CSS。

5、screen.availWidth：取得除任务栏外的屏幕宽度 screen.availHeight取得除任务栏外的屏幕高度 级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

6、定义div宽度的时候不用绝对数值，用相对的就行了，比如说百分比，如.div1{width：100%；} 如果你是想通过判断不同的分辨率显示不同的页面，这就要用到JS才行喽，通过JS判断分辨率，再调用不同的CSS样式。

Q2: 不同分辨率js调用不同css问题

1、根据不同的分辨率，引入不同的css样式表 这个方法和方法一相同，也是通过判断电脑的分辨率，来引入相对应的css样式表。

2、下边是JS获得屏幕大小的方法，调用不同的CSS是给某个对象，设置不同CSS样式吗？你最好说明你想要的效果。

3、这样就可以根据不同的屏幕大小给对应的div添加不同的样式了。但是用js有一个缺点就是如果你在1400屏幕添加对应的class之后，如果你此时缩小窗口，样式依然还是1400的，除非重新刷新页面。

Q3: JS如何根据屏幕大小调用不同CSS样式,分别是320.414.900.1400的屏

一般是根据不同分辨率来调用输出不同的css 来达到自适应。除非您的页面复杂得无法通过css 重写来达到，只有靠新页面来实现就用跳转。但是现在的网站都是通过输出css来做的了 像京东 tmall都是。

.height()；//获取高度如果你想要匹配高度，那么，就是页面刚刚打开其实没有数据，是等页面打开，计算了屏幕高度之后，再根据每条数据的高度计算出条数，再利用ajax的异步传输去读取列表，然后用JS呈现在手机网页中的。

你可能需要检查和修改你的CSS样式以适应这种情况。具体来说，你可能需要使用媒体查询（Media Queries）。媒体查询是CSS3的一个特性，允许你根据设备的特定条件应用不同的CSS样式。

通过js来改变CSS属性，使用jQuery可以很方便的实现，像这样：(img).css(border-color，red)；就可以把边框颜色都变成红色。

Q4: 如何用JS,调用2套不同的CSS,分别到IE6,IE7去!

1、，IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。3，条件注释使用的是HTML的注释结构，因此他们只能使用在HTML文件里，而不能在CSS文件中使用。

2、详细方法如下：第一步：在连接样式表的元素里定义一个id，例如我定义的id是css。

3、// code for IE5， IE6 xmlHttp = new ActiveXObject(Microsoft.XMLHTTP)；} 这段js代码就使用了跨浏览器的技巧，针对不同的浏览器使用不同的创建方式。

Q5: 怎么让html页面在手机和电脑采用不同的样式

记得去掉style stype=text/css和/script，这是在WEB页才要的标示，在CSS文件里是不需要的。你说的正文样式设置，你现在的代码只标示了p的样式。

使用重定向或内部服务器跳转来使手机和电脑接收的数据不同。显示不同的内容通常由服务器后端代码处理。 如果通过重定向实现，则可以使用js。例如，百度贴吧，地址相同，手机端和电脑端分别返回的是wap页面和html页面。

var rem = html.offsetWidth / 4；html.style.fontSize = rem + px；媒体查询 媒体查询正是为解决网页适应手机屏幕。

不同的话，可以读取用户的系统和设备，自己跳转到合适的站，其实，就是做俩，一个www……一个m，……前者对应pc后者对应手持设备。

第一步，双击或者右击打开浏览器软件，接着点击右上角的“三”图标。第二步，来到下图所示的弹出窗口后，点击箭头所指的工具选项。第三步，在下图所示的弹出工具窗口中，点击红框中的开发人员工具选项。

通常情况下，需要区分，具体需要看用户(网站方)的需求。可以采用响应式布局的方式，取3640等断点，用一套CSS兼容手机、pad、PC等平台。如果说，需要兼容IE8-，那么响应式布局需要慎重选择。

js电脑手机分别调用不同的css的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、js电脑手机分别调用不同的css的信息别忘了在本站进行查找喔。