悦眸科技

给a标签以href属性,并不连接到实际的页面的方案

网站首页产品中心资讯首页2020-03-20

给a标签以href属性,并不连接到实际的页面的方案:

1.href="#"

2.href="#nogo"

3.href="##"

4.href="###"

5.href="javascript:void(0);"

6.href="javascript:void(0)"

7.href="javascript:;"

8.href="javascript:"

他们的体验有细微的差别。

1,点击这个链接后,会让页面跳到头部,window.location.href末尾增加#(若window.location.href末尾没有#),除非在js里面捕获onclick事件并阻止默认事件。

2有了初步的语义。但是,如果页面里面有id为nogo的元素,点击这个链接后,锚点机制会作用,页面贴齐这个元素上缘。

3在chrome中不再默认跳转到页面头部,4在IE11中不再跳转到页面头部。

5~8作用相同,但使用了javascript伪协议。在IE6下面,未加分号的方案6和方案8被点击后,IE6会使得页面中的gif暂停,并且触发onbeforeunload事件(详情参考这里),IE6认作这个页面有了重定向,并abort之后所有的请求(参考这里)。所以假如你在此之后替换了一个的src,IE6完全不会完成这个新的请求。

上一篇:

下一篇: