巧妙利用图片IMG的onerror事件，对付网通电信的南北分家

背景：
我国电信网通南北分家已经成为了一种不可改变的现状，做网站的朋友都知道，如果想让南北方地朋友们都能够顺利地访问我们的网站，需要买双线服务器，就是既通网通用户又通电信用户的线路，尽管如此有的机房在提供双线服务器的时候会提供两个IP地址（网通和电信分别有一个IP）；这时候我们就需要在域名映射的时候映射一个电信地址，一个网通地址，例如：dianxin.xxx.com;wangtong.xxx.com;可是用户访问的时候总是希望访问www.xxx.com，就是说我们需要在用户访问www.xxx.com 的时候智能的判断出用户在北方还是在南方，然后进行跳转。

思路：
我们在www.xxx.com 中让客户端同时向地址dianxin.xxx.com和wangtong.xxx.com发出一个错误的请求，哪一个地址返回错误的响应速度快就说明用户应该访问那个地址。

关键代码：
<img src="http://dianxin.xxx.com/NotExistsUrl" width="1" height="1"
   onerror="location.top.url='http://dianxin.xxx.com/'"/>
<img src="http://wangtong.xxx.com/NotExistsUrl" width="1" height="1"
   onerror="location.top.url='http://wangtong.xxx.com/'"/>

为了在用户下次访问的时候可以直接跳转到比较快的线路上我们可以将这一次判断的结果保存到cookie中。

IMG的onerror事件的另一个用武之地：
我们都不希望用户看到我们网站上面出现无效的图片，即便是出现了无效的图片我们也希望以一种友好的方式告诉用户图片无效，而不是直接给用户看默认的红叉；怎么办，我们可以在图片的onerror事件中将图片的src属性设置为我们网站上已存在的表示图片不存在的图片。
代码示例：
<img src="http://www.xxx.com/someImage.gif"
   onerror="this.src='http://www.xxx.com/invlid.gif'"/>

说明：
关于南北分家的解决方案有很多种，本文只是为大家提供一种思路。

请尊重作者的劳动，转载请保留链接玉开的技术博客

Sponsored Links：	宝宝孕历

精选推荐：	[更新]Css背景图合并工具（附V0.11源码和可执行文件）
高性能网站建设之 MS Sql Server数据库分区	什么是网站，网站是如何盈利的，你了解吗？
大访问量论坛版面帖子列表页取数据方案探讨	高性能网站建设之减少Http连接数
Ms Sql Server 2005的数据库快照功能使用实践	Dot Net版本更新迅速，您跟的上微软的步伐吗？
你真的理解T-sql中的NULL吗？	基于操作+角色的授权方案(设计思路篇）
基于操作+角色的授权方案（具体实现篇）	在web应用程序中使用MemcachedClient

posted on 2007-03-02 17:59 玉开阅读(4354) 评论(30) 编辑收藏网摘所属分类: 客户端

我的标签

随笔档案

宝宝孕历

最新随笔

最新评论

阅读排行榜

评论排行榜