HTML页面加载时间过长，页面无响应

Question

我的网页加载时间太长。 原因是该页面具有一个HTML表，该表包含约3000列，并且每列中都有一个文本框。 有没有一种方法可以减少加载时间或建议是否还有其他选择。

提前致谢

编辑-好的，让我告诉您确切的senerio，我的表需要显示按日期排列的数据，而Date（例如2012年12月14日）将是列标题本身。 最新日期将是第一列，然后是过去日期，例如系统日期更改的每一天（2012年12月14日| 2012年12月13日| 2012年12月12日.....）新列将添加为第一列。 大约有200行。 它是一个JSP页面，在for循环中，我首先创建表头，然后在第二个for循环中，创建包含文本框中值的表单元（以便用户可以随时对其进行编辑）。

代码示例-标头-

<%
    Date today = new Date();
    String col = "";
    today = RDUtils.addDays(today, 1);
for(int i=0;i<=columnCount;i++){
    today = RDUtils.addDays(today, -1);
    col = RDUtils.getStringDateCol(today);
%>
<th class="TableHeader"><div><%=col%></div></th>
<%} %>

表格单元格-

for(int j=0;j<=columnCount;j++){%>
    <input maxlength="5" onblur="fillZero(this);" onFocus='clearField(this);' onkeypress="if (checkEnter())return false;" onkeyup='if (checkEnter()) move("<%=i %>");' size="5" type="text" name="txtEntry<%=de.getId()%>" value="<%=val%>" id="<%=de.getId()%>"/></div> </td>

JS函数-

function checkEnter(e){
    characterCode = e.keyCode;
    return characterCode == 13;
}
function fillZero(obj){
if(obj.value==''){
    obj.value = 0;
}
 }
 function clearField(obj){
var perfix = obj.name.substring(8, obj.name.length);
var chkObj = document.getElementById('deCheck'+perfix);
if(!chkObj.checked)chkObj.checked=true;
if(obj.value==0){
    obj.value = '';
}
 }

Answer 1

最好通过Datatables使用分页。

并使用AJAX方法。

$(document).ready(function() {
    $('#example').dataTable( {
        "bProcessing": true,
        "sAjaxSource": '../ajax/sources/arrays.txt'
    } );
} );