当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS实现避免打开无效页面

JS实现避免打开无效页面

2012/11/12 15:38:42作者:佚名来源:网络

移动端

【实例名称】

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实现避免打开无效页面 进行本实例源码下载 

标签: 页面