怎么用js或者jquery 读取js或者css文件的全部内容？

html-css036

怎么用js或者jquery 读取js或者css文件的全部内容？,第1张

以ajax方式读取文件到字符串；

想要把css或者js内容做成json比较不靠谱，因为css中的选择器有带.的类选择器，有带#的id选择器，是不能作为标识符的，js内容也不容易分析。

<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>

nodejs本身只能加载js，css文件只能做为文本被读取。

如果想要加载解析css，可以配合webpack，然后使用css-loader、style-loader来使用。

css-loader是用来加载解析css的，将其处理成对象，方便js进一步处理；

style-loader可以将css-loader处理的对象导入到html中，从而可以在网页中运行。