如果锚具有标签/url/mail/phone，则发出警报

Question

就这么简单，我使用的是一个同时包含hash标记和url的菜单栏。。。

HTML:-

<ul class="nav">
           <li class="active"><a href="#firstpage">home</a></li>
                <li><a href="demo.html">Demo</a></li>
                <li><a href="#secondpage">second</a></li>
                <li><a href="#thirdpage">third</a></li>
                <li><a href="#fourthpage">fourth</a></li>
                <li><a href="">fifth</a></li>
                <li><a href="mailto:[e-mail]">Email</a></li>
                <li><a href="tel:+000">Phone</a></li>
                <li><a href="#">last</a></li>
            </ul>

我想有一个代码，当点击哈希锚或url锚时发出警报？

类似这样的东西：-

if("anchor has a hash") { alert("It is a hash"); }
else if("anchor has a url") { alert("It is a url"); }
else if("anchor has a email") { alert("It is a email"); }
else if("anchor has a phone number") { alert("It is a phone number"); }
else { alert("Its empty") }

我提到了什么，却找不到确切的解决方案？

Answer 1

这应该有助于

$(".nav a").on("click", function(event) {
  var href = $(this).attr("href");
  if (href.indexOf("#") !== -1) {
    alert("hashtag");
  }
  else if (href.length > 0) {
    alert("has a url");
  }
  else {
    alert("blank");
  }
});