有的时候,我们需要根据不同的需求来使用不同的样式文件,这个时候我们就需要根据不同的分辨率来引用不同的css。除了媒介查询之外,我在这里简单说一下js动态引用不同的css文件。
我分为两个区域,第一个是原生js内容,第二个是jq内容。
function createLink(cssURL){
var head = document.getElementsByTagName('head')[0],
linkTag = null;
if(!cssURL){
return false;
}
linkTag = document.createElement('link');
linkTag.setAttribute('rel','stylesheet');
linkTag.setAttribute('type','text/css');
linkTag.href = cssURL;
head.appendChild(linkTag);
}
function createLink(cssURL){
var head = $($('head')[0]),
linkTag = null;
if(!cssURL){
return false;
}
linkTag = $('');
head.append(linkTag);
}
以后会将一些小的案例分享,不适合的地方大家请指正!