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

标签： JS实现页面