|
昵称:奈薇建站网 |
论坛积分:108000 |
发贴等级:21 |
|
发贴数:1156 |
回贴数:1282 |
被砸鸡蛋:1 |
获赠鲜花:182 |
|
|
|
|
发表时间:2019/7/25 18:32:00 |
楼 主 |
|
|
|
|
|
如何控制页面内容的加载顺序 目前网站之间相互调用的情况越来越多,比如需要调用某个第三方提供的一些接口(天气预报),或者是第三方提供的广告......
但是出于各种原因(网络故障、服务器故障、软件故障......)常常会发生第三方的相应页面不能访问的情况,而直接导致自己网站不能正常访问,或者访问速度比较慢。
比如:某个网站为头、内容、底结构,在网站的头部放置了第三方提供的广告,但是出于某种原因,第三方的服务不能正常访问了,直接导致的情况就是,整个网站头部广告以下的部分均不能正常访问
为了解决如上的问题,查阅了很多文章后,找到如下的解决方案:页面的延时加载(PageDelayLoad)。
在IE中,几乎每个对象(diviframetd...)均有一个属性readyState,此属性反应对象在当前页面的载入状态,当该对象完全载入以后,则当前对象的readyState=="complete",借助该属性,可以控制待当前页面最期待的内容载入完成以后,再载入有可能出错的页面(或者是优先级不高的页面)。
详细代码如下:
这里是页面的最顶端内容。
如下的div1div2div3div4可以放置任何第三方的内容,比如广告。
innerhtml1
说明:此处的宽、高,不一定需要提前设置,可以将此Container的宽、高根据内部的内容自适应。
innerhtml2
说明:div3中的内容不能正常访问,直接导致其下最重要的内容不能正常打开,或者要过很久以后才可以正常打开。
innerhtml4
这里是页面最重要的内容,您每次打开该页面,均希望该部分内容无论如何可以正常显示。
这里是页面的最底端
修复页面代码:
精巧软件www.yuhou.cn
//按照期望的次序排列每个div的Id.vararr1=newArray("div3","div2","div4","div1");//vararr1=newArray("if3","if2","if4","if1");//期望次序div中的内容.vararr2=newArray("换成你期望的内容。","innerhtml2","innerhtml4","innerhtml1");//vararr2=newArray("3.html","2.html","4.html","1.html");//期望次序中iframe的状态.vararr3=newArray("false","false","false","false");functionshowState(){//判断当前页面是否载入完毕if(window.document.body.readyState=="complete"){for(i=0;i
这里是页面的最顶端内容。
如下的div1div2div3div4全部延时加载。当前页面中的最重要内容不会因div1div2div3div4内容的损坏,而不能正常访问。
loading...
loading...
loading...
loading...
这里是页面最重要的内容,您每次打开该页面,均希望该部分内容无论如何可以正常显示。 |
|
|
|
|
|
奈薇建站网致力于,让每个中国人、每个中国企业都拥有自己的“官方网站”! |
|
|
|
|