behavior绑定后执行速度变慢,如何解决
yoken 2003-09-23 03:28:57 为了减少a.htm中的代码量,我把td里的
OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';"
抽取出来放到tdBehavior.htc里,然后利用css将这个htc绑定到td上得到b.htm
在b.htm里,当dataTable里的tr变得多起来(你可以copy-paste使其变多)时,页面显示出来的时间就会变化很大,而在a.htm里,tr变多时页面显示速度变化不算太大。
如何即能减少代码量,又能防止htc绑定时过多的时间消耗
---------------------------------------------
a.htm
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="../css/style.css" rel="stylesheet" type="text/css">
<script language="JavaScript">
function showDetail(field) {
if (field.childNodes[0].childNodes[0] != null) {
window.open("basicInfoTZbShhModifyTMain.jsp?zbId=" + field.childNodes[0].childNodes[0].nodeValue, "rightFrame");
}
}
</script>
</head>
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" bgcolor="#EAE4C2" text="#000000">
<table width="325" border="0" align="center">
<tr>
<td>
<table width="320" cellspacing="1" bgcolor="#0000cc">
<tr align="center" class='tdtitlebackground'>
<td width="80">代 码</td>
<td width="80">名 称</td>
<td width="80">型 号</td>
<td width="80">配发时间</td>
</tr>
</table>
<DIV style="position:relative;top:-1px;width:336px;height:120px;overflow-x:auto;overflow-y:auto">
<table width="320" cellspacing="1">
<tr ondblclick="showDetail(this)">
<td style="display:none;">100</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';"></td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">桑塔纳</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">桑塔纳普通型卧车</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">1996-01-01</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">120</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';"></td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">桑塔纳</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">桑塔纳普通型卧车</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">1999-06-14</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">121</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';"></td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">桑塔纳</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">桑塔纳普通型卧车</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">1999-01-01</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">122</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';"></td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">桑塔纳</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">桑塔纳普通型卧车</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">1999-01-01</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">3384</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';"></td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">桑塔纳</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">桑塔纳普通型卧车</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">1996-06-17</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">3450</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';"></td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">桑塔纳</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">桑塔纳普通型卧车</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">1996-06-27</td>
</tr>
<tr ondblclick="showDetail(this)">
<td style="display:none;">3699</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';"></td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">桑塔纳</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">桑塔纳普通型卧车</td>
<td width="80" OnMouseOver="this.bgColor='#B9DAFB';" OnMouseout="this.bgColor='#FCFCFC';">1997-03-03</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>