[NET精华教程] .net教程：使用div加速页面的显示(原创）

zhengrong

网络发烧友

Rank: 2

发短消息
加为好友
当前离线

1^# 大中小发表于 2007-2-16 11:57 只看该作者

.net教程：使用div加速页面的显示(原创）

昨天写asp.net程序，把解决难题的经验简单写出来。
程序页面在
http://www.caijing.com.cn

原来在header和footer之间的内容是分成两栏放到一个表格中（两栏中还各自放了很多表格）。

问题1是，在浏览页面时，整个中间部分的内容，直到装载结束，才能显示。
现在采用了2个div，左div和右div，分别存放2栏的内容，通过浏览，“显示”速度明显加快。

问题2是，如何在两个div下面放上footer。解决方法是使用javascript计算元素的offsettop来取得div的高度，并赋值给footer.

<script language="javascript">
var headerheight = 160;
if(divtestright.offsettop > divtestleft.offsettop)
      divabc.style.top = divtestright.offsettop + headerheight;
else
      divabc.style.top = divtestleft.offsettop + headerheight;
      divabc.style.left = 5;
</script>
其中要注意两个div，divtestright和divtestleft的放置位置，

divtestright放置在右div末，divtestleft放置在左div末，
并比较这两个div的offsettop。

经验：
1。使用这种技术，可以应用在多列div中，原理相同。
2。通过使用这种技术，可以在页面装载过程中，发现装载速度慢的瓶颈并进行改进。
3。可以用这原理开发一个asp.net

TOP

‹‹ 上一主题 | 下一主题 ››

Processed in 0.056752 second(s), 7 queries.

当前时区 GMT+8, 现在时间是 2009-1-8 15:39 京ICP备06054220号

清除 Cookies - 联系我们 - 163K.com - Archiver - WAP