网站首页 > 网管员之家 > 当前主题    站内搜索    首页  上一页  下一页  尾页  页次1/1         新用户申请  老用户登录  返回首页
作者信息   主题: 如何控制页面内容的加载顺序1298

admin


发表主题: 891
发表回复: 1979
网站暂行积分: 4652


【人类幸存者】



  发表时间: 2008-1-14 16:53:48             


目前网站之间相互调用的情况越来越多,比如 需要调用某个第三方提供的一些接口(天气预报),或者是第三方提供的广告......
浪漫烛光 www.langmanzg.com


浪漫烛光 www.langmanzg.com

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


浪漫烛光 www.langmanzg.com

比如:某个网站为头、内容、底 结构,在网站的头部放置了第三方提供的广告,但是出于某种原因,第三方的服务不能正常访问了,直接导致的情况就是,整个网站 头部广告 以下的部分均不能正常访问(或者要过很久以后才能打开,昨天的台湾大地震,导致了 Google Adsense 不能正常访问,直接导致了我的个人网站 http://www.oldtool.net 不能正常打开。)。
浪漫烛光 www.langmanzg.com


浪漫烛光 www.langmanzg.com

为了解决如上的问题,查阅了很多文章后,找到如下的解决方案:页面的延时加载(Page Delay Load)。
浪漫烛光 www.langmanzg.com


浪漫烛光 www.langmanzg.com

在IE中,几乎每个对象(div iframe td ...)均有一个属性 readyState(http://msdn2.microsoft.com/en-us/library/ms534358.aspx) ,此属性反应对象在当前页面的载入状态,当该对象完全载入以后,则当前对象的 readyState=="complete" ,借助该属性,可以控制待当前页面最期待的内容载入完成以后,再载入有可能出错的页面(或者是优先级不高的页面)。
浪漫烛光 www.langmanzg.com


浪漫烛光 www.langmanzg.com

详细代码如下:
浪漫烛光 www.langmanzg.com


浪漫烛光 www.langmanzg.com

问题页面代码:
浪漫烛光 www.langmanzg.com


浪漫烛光 www.langmanzg.com


浪漫烛光 www.langmanzg.com


浪漫烛光 www.langmanzg.com

精巧软件 www.oldtool.net<br><br> </div> <div id="warp" align="right" style="padding-left:15px; padding-right:15px; WIDTH:95%; font-size:16px; line-height:20px;"> <br> <br> </div> <div></div> </td> </tr> <tr style="border-top-color:#FFFFFF"> <td height="36" valign="top" style=" border-collapse:collapse; border-top-color:#FFFFFF;padding-top:10px; padding-bottom:10px;"> <!--hr noshade size="1" width="97%" align="center"-->   不要再悲叹哀怨,切莫再有泪空弹。 用鲜花洗涤旧世,剑之锋血光闪闪。 <br> </td> </tr> </table> <table width="980" align="center" border="1" bordercolor="#739ACE" style="border-collapse:collapse "> <tr bgcolor="dadada" height="20"> <td colspan="9" align="right" style="height:25px; padding-right:5px; "> <a href="register.asp" class="style_1">新用户注册</a>   <a href="forumlist.asp?c_board_id=17" class="style_1">返回首页</a> </td> </tr> <tr bgcolor="dadada" height="20"> <td colspan="9" align="center" style="height:10px; "> <form name='form1' method='post' action='forumview.asp'>首页  上一页  下一页  尾页  页次1/1   转到第<input type='text' name='PageNo_Url1' size='2' value=1>页<input type='hidden' name='c_message_no' value=1298 size='2'><input type='hidden' name='c_board_id' value=17 size='2'><input type='button' class=button1 value='确定' size='2' onClick='checkNum()'> </td> </form> </tr> </table> </body> </html>