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

你可能感兴趣的:(a标签 href 的几种写法及移动端清除a标签点击样式)