html5中文学习网

您的位置: 首页 > 网络编程 > ASP.NET » 正文

使用Div加速页面的显示(原创)_.NET教程_编程技术

[ ] 已经帮助:人解决问题
显示|页面|原创
昨天写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控件。
wyZHTML5中文学习网 - HTML5先行者学习网
wyZHTML5中文学习网 - HTML5先行者学习网
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助