引言

  這個問題，做專案的時候真的很傷腦筋，頁面展示很難看，強迫症根本受不了啊！終於終於，小編找到解決的辦

法了。

  頁面載入原效果

  小編不知道有多少人看過這個頁面，如果我是使用者，反正我是覺得糟心。

  優化之後效果

  介面是不是友好多了！下邊看看如何實現吧~其實超簡單！

  實現原理

  其實只需要在亂碼的頁面上加一個小小的頁面處理就好了，引入：

 <%@ include file="../common/loadingDiv.jsp"%>

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<div id='loadingDiv' style="position: absolute; z-index: 1000; top: 0px; left: 0px;
width: 100%; height: 100%; background: white; text-align: center;">
    <h1 style="top: 48%; position: relative;">
        <font color="#15428B">努力載入中···</font>
    </h1>
</div>

<script type="text/JavaScript">
    function closeLoading() {
        $("#loadingDiv").fadeOut("normal", function () {
            $(this).remove();
        });
    }
    var no;
    $.parser.onComplete = function () {
        if (no) clearTimeout(no);
        no = setTimeout(closeLoading, 1000);
    }
</script>
 

的。很多在佈局用到easyui的時候總會出現一個問題。就是在一進入主介面的時候，頁面的並不是馬上就展現，而是

會有一個混亂的過程，之後一閃就又好了。

  其實這個就是因為easyui是在dom載入完畢之後才會對整個頁面進行解析，當你們佈局和元件使用的比較多的時

候，完整的解析元件就需要一個過程，而在這個過程中就會出現短暫的介面混亂現象。

  要解決這個問題其實只要好好利用這個onComplete 事件在結合一個載入遮罩就解決問題了。

  總結

  之前的問題，也算是解決了，不過解決辦法比較土，用的css樣式的display，讓頁面完全加載出來，再給display

賦值為block，但是這次沒有成功，也幸虧沒成功，不然都不知道大家都有這個問題呢~~~果然，發現問題，比解決問

題，更有學問~~~