2012-11-12 来源:网络
【实例名称】
JS实现避免打开无效页面
【实例描述】
用户访问页面时,由于页面或服务器的问题,可能会提示错误或根本打不开网页,为了避免让用户看到这些错误,可使用XMLHTTP对象实现提前判断。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> <script language="javascript"> function getURL(url) { var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //创建XMLHTTP对象 xmlhttp.open("GET",url,false); //打开用户指定的导航页 xmlhttp.send(); //发送信息 if (xmlhttp.readyState==4 && xmlhttp.Status==200) return false; //返回false表示发送不成功 } function test(e, url) { if(!getURL(e.href)) e.href = url; //转换导航链接 } </script>
需要在body中添加一个链接,并调用“test”方法,代码如下所示: </head> <body> <a href=http://www.google.com onclick="test(this, 'http://www.baidu.com/')">打开测试页</a> </body> </html>
【运行效果】
【难点剖析】
本例中的XMLHTTP对象是实现此功能的关键,用其创建对指定页面的访问,并通过“xmlhttp.readyState”和“xmlhttp.Status”来获取访问的返回状态,如果“if(xmlhttp.readyState==4&&xmlhttp.Status==200)”条件满足,则返回“true”表示访问成功,本例为了测试运行效果,此处返回了“false”。
【源码下载】
为了JS代码的准确性,请点击:JS实现避免打开无效页面 进行本实例源码下载