Javascript 404检查锚标记点击

时间:2015-08-22 21:29:19

标签: javascript override http-status-code-404

我需要实现 javascript only 解决方案,该解决方案将覆盖默认的href行为,检查href位置是否存在,然后重定向到它或404.html。到目前为止,我想出了这个:

function UrlExists(url) 
{
  var http = new XMLHttpRequest();
  http.open('HEAD', url, false);
  http.send();
  return http.status!=404;
}

document.onreadystatechange = function() 
{
    var anchorElements = document.getElementsByTagName('a');
    for (var i in anchorElements)
        anchorElements[i].onclick = function() 
        {
        if (UrlExists(this.href)) {window.location=this.href; }
        else {window.location='404.html'=;}
                return false;
            }
}

但是,如果调用UrlExists(),则不会覆盖默认行为。有什么想法吗?

编辑:404检查有效,所有链接都在同一个域上 此外,非jQuery解决方案也是首选。

// UrlExists函数是从Trip和jAndy中复制的

1 个答案:

答案 0 :(得分:1)

感谢RobM。和Script47指出preventDefault是本机函数:

   function UrlExists(url) 
{
  var http = new XMLHttpRequest();
  http.open('HEAD', url, false);
  http.send();
  return http.status!=404;
}

document.onreadystatechange = function() 
{
    var anchorElements = document.getElementsByTagName('a');
    for (var i in anchorElements)
        anchorElements[i].onclick = function(th) 
        {
        th.preventDefault();
        if (UrlExists(this.href)) { window.location=this.href; }
        else {window.location='404.html';}
                return false;
            }
}