页面提速

Question

先把 table 显示出来, input 里面内容留空.所有内容存储在 javascript 数组里面,然后用 javascript 给这些 input 一个一个赋值.

Answer 1

http://topic.csdn.net/t/20050310/11/3839521.html

Answer 2

更正, 看错了你的要求.你这段代码的缺点是频繁使用了 <%=?%> 这种操作符, 将输出打断.要快的话, 你不要过多使用 <%=?%>比如 <td><input value=<%=rs(0)%> ...> </td>
<td><input value=<%=rs(0)%> ...> </td>
....你把所有 rs(0) 算出来 (比如值是 x), 程序内部将上面这几行字符串中的 <%=rs(0)%> 替换成 x, 然后将整个字符串输出 !像: Response.Write("<td><input value="x" ..></td><td><input value="x" ..></td> ...");

Answer 3

我认为不是写数据时慢,是页面显示input慢,我用下面把时间计算出来, 时间1是1.023 ,时间2是8.123 , 到</table>这里就很慢. 再请教...
...
<td><input value=<%=rs(0)%> ...> </td>
<td><input value=<%=rs(0)%> ...> </td>
</tr>
<%response.write "时间1" & formatnumber(timer() - mgTimer, 4) %>
</table>
<%response.write "时间2" & formatnumber(timer() - mgTimer, 4) %>

Answer 4

首先是采用规范的代码,比如<table>开始要有</table>结束.大小写一样...属性的参数用引号..
其次可以用DIV+CSS
然后就是用celas(长刀公主)的输出.
还有个问题是数据库访问.比如可以用Conn.execute()....多了

Answer 5

你的优化不再于减少<input> （前题是你的HTML代码没有问题），而应该是少用或者不用<table>

Answer 6

meizz老大,随便给个用DIV或其他代替Table的例子吧, 比如怎么处理colspan=2 , rowspan=2这些问题. 也就是动态排版吧, 之前没做过这方面的. Thank you very much!

Answer 7

<tbody> 分开也没什么作用

Answer 8

如果table里面有图片的话,会不会影响table内容显示的速度?

Answer 9

这种很有规律的table完全可以用简单的css代替了，用好margin就好了
<ul><li><input...></li></ul>第一行
<ul><li><input...></li></ul>第二行
...

Answer 10

div显然要快一些。我觉得喝input的显示没什么关系把。
表格如果套的较多的话 是显示很慢的。tbody也是一个办法呀。。
写个简单的div代替table的<!--table-->
<table>
<tr>
<td rowspan="2">A</td>
<td>B</td>
<td>C</td>   
</tr>
<tr><td>D</td><td>E</td></tr>
</table><!--div-->
<div>
<div style="FLOAT: left;">A</div>
<div style="FLOAT: left;">
<div>
<div style="FLOAT: left;">B</div>
<div style="FLOAT: left;">C</div>
</div>
<div>
<div style="FLOAT: left;">D</div>
<div style="FLOAT: left;">E</div>
</div>
</div>
</div>

Answer 11

上面我只是简单举个例,其实我的table里是很复杂的,
ilik , 你那个例子好像不怎么像啊, 
有谁能给个例子吗

Answer 12

上面我只是简单举个例,其实我的table里是很复杂的,
ilik , 你那个例子好像不怎么像啊, 
--------------------------------
层次是这样的,还要控制div的height和width这个就是加减法拉

Answer 13

<style type="text/css">.DivBR {float :none }
.DivCss1 {float:left;height:37px;padding-top:2px;border:inset 1px #000000;text-align:center}
.DivCss2 {float:left;height:18px;padding-top:2px; border-top :inset 1px #000000; border-right:solid 1px #000000; border-bottom :solid 1px #000000;text-align:center}
.DivCss3 {float:left;height:18px;padding-top:2px; border-left:inset 1px #000000; border-bottom :solid 1px #000000; border-right:solid 1px #000000;text-align:center}
.DivCss4 {float:left;height:18px;padding-top:2px ; border-bottom:inset 1px #000000; border-right :solid 1px #000000;text-align:center}
.DivCssNone {float:left;}
</style> <div class="DivCss1" style="width:40">A</div>
<div class="DivCssNone"style="width:80">
<div class="DivBR" style="width:80">
<div class="DivCss2" style="width:40">B</div>
<div class="DivCss2" style="width:40">C</div>
</div>
<div class="DivBR" style="width:80">
<div class="DivCss4" style="width:40">D</div>
<div class="DivCss4" style="width:40">E</div>
</div>
</div>
<div class="DivCssNone"style="width:80">
<div class="DivBR" style="width:80">
<div class="DivCss2" style="width:80">g</div>
</div>
<div class="DivBR" style="width:80">
<div class="DivCss4" style="width:40">h</div>
<div class="DivCss4" style="width:40">e</div>
</div>
</div>