jQuery:检查href属性是否有效的简单方法

jQuery: Easy way to check if a href attribute is valid

本文关键字:有效 简单 方法 是否 属性 检查 href jQuery      更新时间:2023-09-26

我正在寻找一种非常简单的方法来检查当有人点击链接时它是否有效。

良好

 <a href="index.html">some link</a>

错误:

<a href="#">some link</a>
<a href="javascript:void(0);">some link</a>

只需检查href值:

$('a').click(function(){
  var bad = this.href.lastIndexOf('#') >= 0 || this.href.indexOf('javascript') >= 0;
  alert(bad ? 'Bad' : 'Good');
  return false;
});

演示

没有真正"简单"的方法,您必须获得href的值,并对其进行ajax调用,如下所示:

var url = $('a').attr('href');
    $.ajax({
        url:url,
        type:'HEAD',
        error: function()
        {
            //file not exists
        },
        success: function()
        {
            //file exists
        }
    });