建站常识

如何控制页面内容的加载顺序

2007-12-11 16:23:00

目前网站之间相互调用的情况越来越多，比如需要调用某个第三方提供的一些接口（天气预报），或者是第三方提供的广告......

但是出于各种原因（网络故障、服务器故障、软件故障......）常常会发生第三方的相应页面不能访问的情况，而直接导致自己网站不能正常访问，或者访问速度比较慢。

比如：某个网站为头、内容、底结构，在网站的头部放置了第三方提供的广告，但是出于某种原因，第三方的服务不能正常访问了，直接导致的情况就是，整个网站头部广告以下的部分均不能正常访问

为了解决如上的问题，查阅了很多文章后，找到如下的解决方案：页面的延时加载（Page Delay Load）。

在IE中，几乎每个对象（div iframe td ...）均有一个属性 readyState，此属性反应对象在当前页面的载入状态，当该对象完全载入以后，则当前对象的 readyState=="complete" ，借助该属性，可以控制待当前页面最期待的内容载入完成以后，再载入有可能出错的页面（或者是优先级不高的页面）。

详细代码如下：

这里是页面的最顶端内容。

如下的 div1 div2 div3 div4 可以放置任何第三方的内容，比如广告。

inner html 1

说明：此处的宽、高，不一定需要提前设置，可以将此 Container 的宽、高根据内部的内容自适应。

inner html 2

说明：div3中的内容不能正常访问，直接导致其下最重要的内容不能正常打开，或者要过很久以后才可以正常打开。

inner html 4

这里是页面最重要的内容，您每次打开该页面，均希望该部分内容无论如何可以正常显示。

这里是页面的最底端

修复页面代码：

精巧软件 www.oldtool.net

这里是页面的最顶端内容。