Question

为jsp页面动态换肤(即调用不同css文件时),刷新主页时总是会先加载出默认样式,闪一下后才出现设定样式

我在我的jsp上分别引用了3种css样式作为皮肤:
<LINK title=css1 href="css/index1.css" type=text/css rel="alternate stylesheet">
<LINK title=css2 href="css/index2.css" type=text/css rel="alternate stylesheet">
<LINK title=css3 href="css/index.css" type=text/css rel=stylesheet>
也就是说默认选择的是index.css作为样式,其他两个为备选,用户不做任何操作时默认调用index.css,然后我通过在页面上指定元素的点击事件实现换皮肤的功能,替换其他css样式.
功能可以实现,但是问题是当我刷新页面时,总是会闪一下index.css的样式,然后才显示设定的样式,请问这个怎么解决?
希望有大神指点一下

Answer 1

一个思路：
当前用户的把样式文件名存入变量中，比如cssPath
LINK title=css3 href="css/<%=cssPath %>" type=text/css rel=stylesheet>

Answer 2

用javascript把设定的样式存入cookie

追问

我就是这么做的,刷新页面的时候总是会先闪一下默认的那个样式,然后才取的cookie值设定css样式

Answer 3

请问你解决了吗

Answer 4

清空缓存以后应该就可以了。