javascript - 检查 href 是否未定义，如果是真的警报 smth(没有 jQuery)

Question

我想检查 <a> 的“href”标签为空，如果这是真的，它应该警告类似“该站点在 atm 上不可用”之类的东西，如果链接是正确的，它应该什么都不做。

HTML

<a onclick="testif();" class="link" href="www.google.com">This Link is defined</a>
<a onclick="testif();" class="link" href="">This Link is undefined</a>

JavaScript

function testif(){
    if (document.getElementsByClassName("link").getAttribute("href") == ""){
    Alert("Site isn't available")

    }else {

    // if the link is correct, alert nothing
   }
};        

谢谢:)

Answer 1

您可能采用的一种方法是传递事件并检查 event's target .

DEMO

function testif (e) {
  // prevent from actually going to another url, feel free to remove the line
  e.preventDefault();
  // in case of IE 6-8 support
  var target = e.target || e.srcElement;
  if (!target.getAttribute('href')) alert("Site isn't available");
}

<a onclick="testif(event)" class="link" href="www.google.com">This Link is defined</a>
<a onclick="testif(event)" class="link" href="">This Link is undefined</a>