js 写css文件调用 怎么写

html-css09

js 写css文件调用 怎么写,第1张

<span id="Css"></span>

<script>

if(navigator.userAgent.indexOf("MSIE")>0)

{

//是否是IE浏览器

if(navigator.userAgent.indexOf("MSIE 6.0")>0)

{

//6.0 使用1.CSS

Css.innerHTML='<link href="1.css" rel="stylesheet" type="text/css" >'

}

if(navigator.userAgent.indexOf("MSIE 7.0")>0)

{

//7.0 使用2.CSS

Css.innerHTML='<link href="2.css" rel="stylesheet" type="text/css" >'

}

}else

{

//否则使用3.CSS 还有具体的浏览器 你可以用navigator.userAgent 去获取信息 具体使用 看你自己

Css.innerHTML='<link href="3.css" rel="stylesheet" type="text/css" >'

}

</script>

1.设定一个主题变量

2.在index.html中添加link标签,初始化一个主题文件

3.在Vue组件中进行动态切换