web qq的一段代码请教

Question

<script id="skinTemplate" type="text/plain">

.text,a.text {

    color: <%=window.textColor%>;

}

.window_current .text,.window_current a.text {

color: <%=currentWindow.textColor%>;

}

.titleText, a.titleText {

color: <%=window.titleColor%>;

font-weight: <%=window.titleFontWeight%>;

}

.window_current .titleText,.window_current a.titleText {

color: <%=currentWindow.titleColor%>;

}

</script>

这段代码应该是CSS代码，但是是写在script内的，且使用了<%=***%>的赋值，它是如何获取值并转化为页面的CSS的？

Answer 1

这是一段模板引擎的模板， javascript根据ID取到这段模板的内容，就是上面<script>标签里的内容。然后根据预设的变量去渲染模板，就是上面中的内容，渲染成常量。至于是用作CSS还是普通的HTML，没人规定这个，看你需求，渲染完直接写到页面里。

Answer 2

type="text/plain"这个是关键