Question

我有3个jsp：

的 template_blank.jsp
的 template_connected.jsp
的 template.jsp

这个jsp调用一个css文件 - ＆gt;的 commun.css

这是 template.jsp 中的调用示例：

DeviceIoControl

这是我的 commun.css ：

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html:base ref="site"/>
<html:html>
    <head>
        <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <tiles:useAttribute id="title" name="title"/>
        <title><bean:message key="${title}"/></title>   
        <link rel="stylesheet" type="text/css" href="<html:rewrite page="/css/commun.css"/>">
        <link rel="icon" type="image/png" href="images/icone.ico" />
        <script type="text/javascript" src="<html:rewrite page="/javascript/commun.js" />" ></script>
        <!-- Start of user code for header -->
        <jsp:include page="/javascript/generic/messages.jsp"/> 
        <!-- End of user code for header -->
    </head>
    <body>
....

您可以在我的 css 中看到 JSTL 。它用于定义不同的/* Start of user code for commun.css */ <%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %> <%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %> <c:set var="headerHeight" value="156" /> <c:set var="footerHeight" value="0" /> /* 95 */ <c:set var="menuWidth" value="180" /> <c:if test="${height == null}"> <c:set var="height" value="500" /> </c:if> <c:if test="${width == null}"> <c:set var="width" value="500" /> </c:if> <c:set var="contentHeight" value="${height - footerHeight - headerHeight}" /> <c:set var="contentWidth" value="${width}" /> <c:set var="contentWidthConnected" value="${width - menuWidth}" /> <c:set var="tabHeight" value="27" /> <c:set var="contentHeightWithTab" value="${contentHeight - tabHeight - 1}" /> div#errors UL { background-color: yellow; color: red; border: 1px dotted red; padding: 5px; padding-left: 20px; margin-left: 20px; margin-right: 20px; font-size: 10px; } .fontAlerte { color: #006039; font-size: 11px; } .field_error { background-color: yellow; border: 1px dotted red; } ....和height。问题是在 html 显示后执行 css 。

所以我的显示问题会在每次调用新页面时产生闪烁效果。是否有可能改善这种行为？

Answer 1

您的订购似乎已关闭。我不清楚具体是什么是JSP以及什么是JS内容，但足以说你应该尽可能地尝试延迟你的JS加载（即等到你的＆lt; body＆gt结束之前） ;标签）。

＆＃13;

<html:base ref="site"/>
<html:html>
    <head>
        <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <tiles:useAttribute id="title" name="title"/>
        <title><bean:message key="${title}"/></title>   
        <link rel="stylesheet" type="text/css" href="<html:rewrite page='/css/commun.css'/>">
        <link rel="icon" type="image/png" href="images/icone.ico" />
    </head>
    <body>
        <!-- Start of user code for header -->
        <jsp:include page="/javascript/generic/messages.jsp"/> 
        <!-- End of user code for header -->

        <!-- other body code here -->

        <script type="text/javascript" src="<html:rewrite page='/javascript/commun.js' />" ></script>
    </body>
  </head>
</html:html>

＆＃13;

JSTL进入CSS文件

1 个答案: