請教一個ajax使瀏覽器崩潰的問題

hqnpc

經(jīng)過測試，當(dāng)把maketable這個函數(shù)注釋掉，瀏覽器就不會崩潰了。

函數(shù)代碼如下：
注：<%$nowtime%> 這樣的變量，都用于smarty

function makeTable(m_ds,xmlDoc) {


deleteOldTable(); //先清除以前的結(jié)果

var table = document.createElement("table");
table.setAttribute("border","0");
table.setAttribute("width","100%");
table.style.cssText = "padding:2px; border:1px solid #799AE1;font-size:14px"

document.body.appendChild(table);
var header = table.createTHead();
var headerrow = header.insertRow(0);
var statinfo = document.createElement('div');
var nowtime = "<%$nowtime%>";
var nowregion = "<%$nowregion%>";
var nowtype = "<%$nowtype%>";
var nowcount = "<%$nowcount%>";
var allinfo_nums = "<%$allinfo_nums%>";
var today_nums = "<%$today_nums%>";
statinfo.style.backgroundColor = 'F1F3F5';
statinfo.innerHTML = "截止 "+nowtime+" ,共有<"+nowregion+">地區(qū){"+nowtype+"信息}"+nowcount+"條 全國今日即時信息："+today_nums+"條 全國累計信息："+allinfo_nums+"條";
headerrow.insertCell(0).appendChild(statinfo);

for(var i=0;i<m_ds.length;i++) {
var aid = m_ds.getElementsByTagName("id")[0].firstChild.data;
var atype = m_ds.getElementsByTagName("type")[0].firstChild.data;
var content = m_ds.getElementsByTagName("content")[0].firstChild.data;
var sortname = m_ds.getElementsByTagName("sortname")[0].firstChild.data;
var tel = m_ds.getElementsByTagName("tel")[0].firstChild.data;
//var tel2 = m_ds.getElementsByTagName("tel2")[0].firstChild.data;
var mobile = m_ds.getElementsByTagName("mobile")[0].firstChild.data;
var dateline = m_ds.getElementsByTagName("dateline")[0].firstChild.data;
<%if $userinfo.soft_contactinfo ==1%>
var contactinfo = "<font color=\"#993399\">TEL:"+tel+" "+mobile+"</font>";
<%else%>
var contactinfo = "";
<%/if%>
var row = table.insertRow(i+1);
row.style.backgroundColor = 'F1F3F5';
var eachone = document.createElement('div');
eachone.innerHTML = "<a href=\"#\" onClick=\"javascript:window.open('index.php?action=display&type="+atype+"&id="+aid+"','targetwin','width=620,height=300,scrollbars=yes,toolbar=0,location=0,directories=0,status=0,menuBar=0,resizable=1');\" ><font color=#FF8400>["+sortname+"]</font>"+content+"</a> "+contactinfo+"  " +dateline+"";
eachone.style.cssText="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px";
row.insertCell(0).appendChild(eachone);
}
}

function deleteOldTable() {
    delRow = document.getElementsByTagName("table").length;
    if(delRow == 1) return;
    var node = document.getElementsByTagName("table")[delRow-1]; //表格
    var c = node.childNodes.length
    for(i=0;i<c;i++){
    node.removeChild(node.childNodes[0]); //刪除全部單元行
        }
}

[ 本帖最后由 hqnpc 于 2007-4-4 14:09 編輯 ]

HonestQiao

那么可能是因為頻繁的建立和去除DOM元素，導(dǎo)致崩潰。

建議這么做：
1. 我想你的數(shù)據(jù)每次都是固定的顯示格式的。
2. 采用更新數(shù)據(jù)點的形式，而不是講數(shù)據(jù)顯示框架刪除重建。

hqnpc

可是還有還有一個問題，a用戶與b用戶得到的數(shù)據(jù)是不同的。

hqnpc

問題果然出在頻繁操作dom，換了更新數(shù)據(jù)點。問題解決了。
謝謝喬版主。