Question

点击JSP页面。在这个JSP页面中，我有Jquery + Scriplets +一些JSP标签（div，input，form等）+ Java Scripts。

此JSP页面将用户名作为用户的输入。如果用户没有输入他的用户名但只是点击提交按钮，页面将刷新并抛出错误消息。该页面将刷新并点击相同的URL（错误消息未显示在新页面中）

在用户点击“提交”按钮并抛出错误消息的过程中，Chrome浏览器还会在JSP页面中渲染其他DIV元素一秒钟，并向用户抛出所需的错误消息。

当Chrome浏览器在同一页面被点击时在JSP中呈现其他元素（div，输入等）时，它会向用户提供其他元素的图片。这在IE和FF中没有发生。

如何在Chrome中避免这种情况？

@Alfasin： 我已经在下面附加了JSP代码。如果需要任何其他细节，请告诉我。

<html>
<head>
<script type="text/javascript" src="/static-files/scripts/jquery-1.6.2.js"></script>
<script type="text/javascript" src="/static-files/scripts/tooltip.js"></script>
<script type="text/javascript" src="/static-files/scripts/jquery-ui.min.js"></script>
<link href="/static-files/css/jquery-ui-rev.css" type="text/css" rel="stylesheet"/>
<%@page import="javax.servlet.http.Cookie"%>
<%
        String visitingCookie = "AUTHCookie";
        String urlCookie = "URLCookie";
    String movieCookieName="movieCookie";
        String displayOnlyPwd = "false";
        Cookie[] cookielist = request.getCookies();
        if(cookielist != null)
          {
              for(int i = 0; i<cookielist.length; i++)
               {
                  Cookie cookie = cookielist[i];
                  if(cookie.getName().contains(visitingCookie) && 
!cookie.getValue().equals(""))
                    {
                          displayOnlyPwd = "true";
                          request.setAttribute("AUTHCookie",cookie.getValue());
                          request.setAttribute("displayOnlyPwd",displayOnlyPwd);
                          break;
                   }
              }
        if(displayOnlyPwd.contains("false"))
        {
            request.setAttribute("displayOnlyPwd",displayOnlyPwd);
        }
       }
    else{
        displayOnlyPwd = "false";
        request.setAttribute("displayOnlyPwd",displayOnlyPwd);
    }
%>
<script type="text/javascript">
$(function() {
    $("#toopt a").tooltip({
    bodyHandler: function() {
        return $($(this).attr("href")).html();
    },
 });
   });

function delete_cookie ( cookie_name )
{
  var cookie_date = new Date ( );  
  cookie_date.setTime ( cookie_date.getTime() - 1 );
  document.cookie = cookie_name += "=; expires=" + cookie_date.toGMTString();
}

function checkpassword() 
{
var checkPassword=document.getElementById("password").value;
var counter=0;
var errMsg=" ";
var errMsg1=" ";

    if(checkPassword.length==0)
        {

         errMsg+="Please enter a valid Password.";
                     document.writeln("<form name=\"errForm\" method=\"POST\" action=\"http://myDomain/web/portal/home/-/portal/login?_58_redirect=%2Fweb%2Fportal%2Flogout\">");
         document.writeln("<input type=\"hidden\" name=\"errMsg\" value=\"" + errMsg + "\">");
         document.writeln("</form>");
         document.errForm.submit(); 
         return false;
            }

}
function enableDisableForm(myVar)
{
if(myVar == "true")
{
$(document).ready(function()
            {
            $("#disableDivForm").dialog({
         autoOpen:true,
     position:'center',
        height:167,
        width: 472,
        modal: true

            });
            });



var div1 = document.getElementById("enableDivForm");
div1.style.display = "none";


}
else
{


var div2 = document.getElementById("disableDivForm");
div2.style.display = "none";
 }
}
</script>
</head>

我在这里粘贴了50％的代码。另外50％去。你要我粘贴完整的代码吗？

问候，

Answer 1

使用属性上传正文：
"style= display: none;"

并且只有在你完成上传页面之后（如果你正在使用jQuery，作为ready函数中的最后一个命令）：

$("#body).show();

Chrome浏览器中的JSP渲染速度太快/太慢

1 个答案: