用JavaScript自动选择留言板 -pc6资讯

您的位置：首页 → 网络冲浪 → 网络技术 → 用JavaScript自动选择留言板

用JavaScript自动选择留言板 时间：2004/10/8 16:48:00来源：本站整理作者：蓝点我要评论(0)

你的站点的留言板是访客和你沟通的一种重要途径，但是，由于提供免费留言板的服务商的虚拟主机的物理位置问题，并不是所有人都能连接上所有的免费留言板。如何能够根据访客的需要，自动选择一个他们能够访问的留言板就显得很重要。

访客能够连上哪些站点跟他们的isp有关，而一般情况下他们是属于哪个isp能从他们的ip地址看出来，如202.200.114.2这个ip地址是属于教育网的，如果你有一个足够大而且详细的ip地址对照表的话，用时下流行的asp/php来检测访客的ip地址并根据数据库来为不同ip地址段分配不同留言板是完全可能的，当然前提是你有两个或两个以上的位于不同位置的留言板，但是仔细想想会不会给人一种杀鸡用宰牛刀的味道？而且实现起来好像不像说的这样简单……

这里有个简单的办法可以帮你自动选择留言板。我们知道，如果浏览器试图下载一个不存在或者说是来自错误地址的图像，服务器会返回给浏览器一个错误信息，然后由浏览器直观地告诉你当前地址的图像不存在，这就是html文档的图像载入错误事件。请看以下例子：

〈!－－将以下代码插在〈body〉……〈/body〉标签之间－－〉

〈img src=″http://ctsight.topcool.net/test.gif″ width=″1″ height=″1″ onerror=″window.alert(′图像载入错误！′)″〉

在本例中因为这个url的图像是不存在的，所以等服务器响应之后便会触发onerror事件并执行已定义好的函数……想到了吗？返回了错误信息虽然没什么用，但是由此我们可以拓展一下，如果这个url是留言板所在服务器上已经确定存在的图像，那么如果当这个onerror事件的发生是不是可以认为是当前访客与此服务器连接问题造成的，即他无法与留言板所在的服务器连接？想到这一点就已经成功了一大半，现在剩下的工作就是具体实现了。请看以下完整的代码：

〈html〉〈head〉

〈meta http－equiv=″content－type″ content=″text/html; charset=gb2312″〉

〈meta name=″author″ content=″contion″〉

〈title〉自动选择留言板〈/title〉

〈script language=″JavaScript″〉〈!－－

　var I=0;

〈!－－定义你的留言板数据，bbsurl为留言板的地址，bbsname为留言板提供商的名称，
bbsimg是位于留言板提供商服务器上的图像的地址，必须是存在的，否则本脚本将不能正常工作，
推荐使用留言板的表情图像；数组中各留言板应按个人喜好顺序往下排。－－〉

　var bbsurl=new initarray(′ctsight.topcool.net/contact/e－mail.html′,′url1′,′url2′);

　var bbsname=new initarray(′狂尘视野′,′留言板1′,′留言板2′);

　var bbsimg=new initarray(′ctsight.topcool.net/logo.gif′,′

　 imgurl1′,′imgurl2′);

　function initarray(){

　 this.length=initarray.arguments.length;

　for(var I=0;I〈this.length;I＋＋) this[I]=initarray.arguments[I];

　}

　function imgdl(){

　 if(I〈bbsurl.length){

　 var strinfo=′〈img src=″http://′＋bbsimg[I]＋′″width=″1″ height=″1″
onload=″top.location=\′http://′＋bbsurl[I]＋′\′″ onerror=″gonext()″
align=″left″〉〈p〉正在检测您与位于′＋bbsname[I]＋′
的留言板是否能够正常连接，这大概要花费几秒钟时间，请稍候……〈/p〉′;

　if(document.all) document.all.imglayer.

　 innerhtml=strinfo;

　else if(document.layers) document.

　 imglayer.document.write(strinfo);

　 }

　 else{

　if(confirm(′您不能与本站任何留言板连接，要关闭当前窗口

　吗？′)) top.close();

　else{

　var strinfo2=′〈p〉当前的状态是：未连接到任何服务器上

　的留言板。′;

　if(document.all) document.all.imglayer.innerhtml=strinfo2;

　else if(document.layers) document.imglayer.document.write(strinfo2);

　 }

　 }

　}

　function gonext(){

　 window.alert(′已经检测到您与位于′＋bbsname[I]＋′的留言

　板不能正常连接。′);

　 I＋＋;imgdl();

　}

　//－－〉〈/script〉

　〈/head〉

　〈body bgcolor=″＃ffffff″ onload=″imgdl()″〉

　〈div id=″imglayer″ style=″position:absolute; visibility:visible; z－index:1″〉〈/div〉

　〈/body〉〈/html〉

除了图像，html文档还有很多其他对象的onerror事件，好好地利用它们将使你的站点变得更加吸引人。

文章评论

查看所有0条评论>>