Javascript 如果发生某种情况,如何链接到CSS?

Javascript 如果发生某种情况,如何链接到CSS?,javascript,css,html,hyperlink,Javascript,Css,Html,Hyperlink,我有两个CSS页面 我想根据特定条件将HTML页面链接到其中一个页面 如何操作?您可以使用JavaScript动态创建元素: var link = document.createElement('link'); link.rel = 'stylesheet'; link.type = 'text/css'; link.href = 'css1.css'; document.head.appendChild(link); 或者只需编辑现有文件的href属性: document.getElem

我有两个CSS页面

我想根据特定条件将HTML页面链接到其中一个页面


如何操作?

您可以使用JavaScript动态创建
元素:

var link = document.createElement('link');

link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'css1.css';

document.head.appendChild(link);
或者只需编辑现有文件的
href
属性:

document.getElementById('your_stylesheet').href = 'css1.css';
并为您的
元素提供
id

<link href="default.css" rel="stylesheet" type="text/css" id="your_stylesheet" />

看一看如何使用JS切换样式表。只有当“条件”是您可以在客户端检测到的条件时,才可能出现这种情况。

旧IE条件 IE有一些旧的条件

<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="/css/ie6_fix.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="/css/ie7_fix.css" />
<![endif]-->

新媒体查询 有一些新的媒体查询:

javascript 使用javascript加载css。大概是这样的:

什么条件?您使用的是PHP还是HTML5&JS?