Question

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

我在我的页面上分别引用了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的样式,然后才显示设定的样式,请问这个怎么解决?是不是一定要把选择的css路径存入数据库，每次都要读取数据库中的值，有没有其他办法没有？

Answer 1

在页面渲染完成前加载样式(function(){})() 立即执行函数 $(function (){}) DOM加载后