a标签 href 的几种写法及移动端清除a标签点击样式

a标签 href 的几种写法

统一 js 代码：

var jsasdf = document.getElementsByClassName("js-asdf");
var len = jsasdf.length;
for(var i = 0; i < len; ++i){
    jsasdf[i].onclick = function () {
        window.location.href = 'http://www.baidu.com';
    }
}

1. <a href="javascript:;" class="js-asdf">javascript</a>
   此种写法页面跳转到 bd；
2. <a href="javascript:void(0);" class="js-asdf">void</a>
   此种写法页面跳转到 bd；
   (void()是一个 js 的操作符，他会计算括号内的表达式，但不返回值，因此 void(0) 不会向当前页面装入任何值，如果 js 中没有点击事件，则点击a标签无反应)
3. <a href="" class="js-asdf">kong</a>
   此种写法页面会刷新，但是不会跳转。
   (写为空，页面会刷新。因此 js 中跳转发生后，马上页面又刷新了一次，导致跳转失败)
4. <a href="###" class="js-asdf">###</a>
   此种写法页面跳转到 bd;
5. <a href="#" class="js-asdf">###</a>
   一个 # 代表了锚点，可以用其来实现回到顶部按钮。
   综上，1，2，4可以用来禁止啊标签点击事件，3方法不用，5可以用来实现回到顶部

移动端清除a标签点击样式及默认样式

默认样式

a:link,
a:hover,
a:active,
a:visited{
  text-decoration: none;
  color: #000;
}

点击样式

a:{
  -webkit-tap-heighlight-color: transparent;
}