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

Posted 2023-05-04

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了为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的样式,然后才显示设定的样式,请问这个怎么解决?
希望有大神指点一下

一个思路：
当前用户的把样式文件名存入变量中，比如cssPath
LINK title=css3 href="css/<%=cssPath %>" type=text/css rel=stylesheet> 参考技术A 用javascript把设定的样式存入cookie追问

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

参考技术B 请问你解决了吗参考技术C 清空缓存以后应该就可以了。

动态网页开发jsp

1.动态网页的优势?

①交互性:即网页会根据用户的要求和选择而动态改变和显示内容.

③自动更新:即无需改变页面代码,便会自动生成新的页面内容.

④随机性:即当不同的时间、不同的人访问一网址时会产生不同的页面效果.

 1  2.使用JDBC访问数据库的步骤？
 2    解析：
 3       // 01.定义驱动字符串
 4     Private    final    static    String    driver    =    "com.microsoft.sqlserver.jdbc.SQLServerDriver";
 5      // 02.定义连接字符串
 6     private final static String url = "jdbc:sqlserver://192.168.8.50:1433;DatabaseName=Myschool";
 7     //03.用户名
 8     private final static String username = "sa";
 9    //04.密码
10     private final static String pwd = "";
11    //05.创建连接
12 Connection    con=DriverManager.getConnection(url, user, password);
13   //05.执行操作
14         PreparedStatement st=null;
15         String sql="insert into grade(gradename) values(?)";
16         try {
17             st=con.prepareStatement(sql);
18         } catch (SQLException e) {
19             e.printStackTrace();
20         }
21         
22         try {
23             st.setString(1, gradename);
24         } catch (SQLException e1) {
25             // TODO Auto-generated catch block
26             e1.printStackTrace();
27         } 
28

1 3.在网页中如何引入CSS和JS文件？
2   通过link标签：如下所示
3    <link href="css/myCart.css" type="text/css" rel="stylesheet" />
4    通过script标签，引入js如下所示
5    <script src="js/jQuery1.11.1.js" type="text/javascript"></script>