给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完全不会完成这个新的请求。
上一篇::清空数据表并且自增ID从1开始
下一篇::CSS3 圆角