目前网站之间相互调用的情况越来越多,比如 需要调用某个第三方提供的一些接口(天气预报),或者是第三方提供的广告......
但是出于各种原因(网络故障、服务器故障、软件故障......)常常会发生第三方的相应页面不能访问的情况,而直接导致自己网站不能正常访问,或者访问速度比较慢。
比如:某个网站为 头、内容、底 结构,在网站的头部放置了第三方提供的广告,但是出于某种原因,第三方的服务不能正常访问了,直接导致的情况就是,整个网站 头部广告 以下的部分均不能正常访问(或者要过很久以后才能打开,昨天的台湾大地震,导致了 Google Adsense 不能正常访问,直接导致了我的个人网站 http://www.oldtool.net 不能正常打开。)。
为了解决如上的问题,查阅了很多文章后,找到如下的解决方案:页面的延时加载(Page Delay Load)。
在 IE 中,几乎每个对象(div iframe td ... )均有一个属性 readyState(http://msdn2.microsoft.com/en-us/library/ms534358.aspx) ,此属性反应对象在当前页面的载入状态,当该对象完全载入以后,则当前对象的 readyState== "complete " ,借助该属性,可以控制待当前页面最期待的内容载入完成以后,再载入有可能出错的页面(或者是优先级不高的页面)。
详细代码如下:
问题页面代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml " >
<head>
<title> 精巧软件 www.oldtool.net </title>
</head>
<body>
<div> 这里是页面的最顶端内容。 </div>
<div> 如下的 div1 div2 div3 div4 可以放置任何第三方的内容,比如广告。 </div>
<div id= "div1 " style= "width:200px;height:40px;border:1px solid red; "> inner html 1 </div>
<div> 说明:此处的 宽、高,不一定需要提前设置,可以将此 Container 的宽、高根据内部的内容自适应。 </div>
<div id= "div2 " style= "width:200px;height:40px;border:1px solid red; "> inner html 2 </div>
<div> 说明:div3中的内容不能正常访问,直接导致其下最重要的内容不能正常打开,或者要过很久以后才可以正常打开。 </div>
<div id= "div3 " style= "width:200px;height:40px;border:1px solid red; ">
<!-- Google Adsense -->
<script type= "text/javascript "> <!--
google_ad_client = "pub-wrongcode ";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as ";
google_ad_type = "text_image ";
google_ad_channel = " ";
//--> </script>
<script type= "text/javascript " src= "http://wrongcode.wrongcode.com/pagead/wrongcode.js ">
</script>
<!-- Google Adsense -->
</div>
<div id= "div4 " style= "width:200px;height:40px;border:1px solid red; "> inner html 4 </div>
<div> 这里是页面最重要的内容,您每次打开该页面,均希望该部分内容无论如何可以正常显示。 </div>
<div> 这里是页面的最底端 </div>
</body>
</html>
修复页面代码:
分享到:
相关推荐
html标签大全(转载),希望您帮得上大家
李洵爱心代码html 和python转载
转载的 动力节点 html基础教程一部分 陆续上
使用 HTML5 开发离线应用[转载]
新闻动态生成HTML,asp.net,功能强大,欢迎转载!
html指南(转载自Carefree1990大神) 原文链接:https://blog.csdn.net/weixin_42400955/article/details/81106697
商业转载请联系作者获得授权,非商业转载请注明出处。 链接:http://caibaojian.com/html2canvas.html 来源:http://caibaojian.com html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个...
实测真实可用,采用 core-renderer.jar ,iText-2.0.8.jar。开发环境为eclipse,用的话,可以修改下代码中的几个路径
Linux下的多线程编程(转载) - wintree的专栏 - 博客频道 - CSDN.NET.html
转载自:http://blog.163.com/spf9190@126/blog/static/50207531201091545954587/ 这段时间在做一个短信项目,需要实现短信中插入表情的功能,本一位非常困难,经过一段时间的研究,发现还是比较簡単的,现在总结...
Responsive Web Design with HTML5 and CSS3(2nd) 英文epub 第2版 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除
html语言基础 为什么会有这个教程 我是从1998年开始学习HTML的,当时的感觉就是很好奇,一些简单的语句居然就能做出生动的效果。...本教程是免费的,并且可以随意传播,转载,但是请不要修改。
HTML5 Programmer's Reference 英文azw3 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除
为什么会有这个教程 我是从1998年开始学习HTML的,当时的感觉就是很好奇,一些简单的语句居然就能做出生动的效果。那时候国内似乎只有清华图书馆翻译的...本教程是免费的,并且可以随意传播,转载,但是请不要修改。
一个小项目转载别人的可以学习下Html5
外刊IT评论对本文进行了翻译,现转载于此,供大家学习。全文如下: 速查表是帮你记住东西的有效工具。Web设计师和开发者经常使用的快捷键简表会使他们在网上的工作效率大大提高。 事实上,速查表就是来帮助我们把...
Advanced Game Design with HTML5 and JavaScript 英文无水印pdf pdf所有页面使用FoxitReader和PDF-XChangeViewer测试都可以打开 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有...
Pro HTML5 Games Learn to Build your Own Games using HTML5 and JavaScript(2nd) 英文epub 第2版 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除
HTML5 Games Novice to Ninja Create Smash Hit Games in HTML5 英文epub 本资源转载自网络,如有侵权,请联系上传者或csdn删除 查看此书详细信息请在美国亚马逊官网搜索此书