加拿大预测网-在线预测

信息动态

网站设计是技术与创意的完美融合!

建站常识

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

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


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


这里是页面的最底端




修复页面代码:



如何控制页面内容的加载顺序-力图数字科技!



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


如下的 div1 div2 div3 div4 全部延时加载。 当前页面中的最重要内容不会因 div1 div2 div3 div4 内容的损坏,而不能正常访问。


loading...


loading...


loading...


loading...


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


这里是页面的最底端



0532-85810878 473587358 扫码添加微信

加拿大预测网-在线预测:扫码添加微信

扫码关注公众号

加拿大预测网-在线预测:官方公众号

2054585360