如何设置在html中保留超链接格式但不实现跳转

发布网友发布时间：2022-04-24 14:00

共2个回答

懂视网时间：2022-04-19 10:21

在用 <a href="" onclick=""> 时，出现了一些问题，困惑了我一个多月，现在从网友那边得到以下结论，让我豁然开朗，问题也迎刃而解。

链接的onclick事件被先执行，其次是href属性下的动作（页面跳转，或 javascript 伪链接）；
假设链接中同时存在href与onclick，如果想让href属性下的动作不执行，onclick必须得到一个false的返值；
如果页面过长有滚动条，且希望通过链接的 onclick事件执行操作。应将它的 href属性设为 javascript:void(0); ，而不要是 #，这可以防止不必要的页面跳动；
如果在链接的 href属性中调用一个有返回值的函数，当前页面的内容将被此函数的返回值代替；
在按住Shift键的情况下会有所区别。
今天我遇到的问题，在IE6.0里以href的形式访问不到parentNode。
尽量不要用javascript:协议做为A的href属性，这样不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。

热心网友时间：2022-04-19 07:29

比较简单粗暴的方式是设置 a 标签的 href 属性值为 javascript:void(null);

<a href="javascript:void(null);">这是一个超链接</a>

但其实阻止了跳转的超链接那还叫超链接吗？如果只是单纯的想保持样式，完全可以用普通的 span 标签配合 CSS 来写。

a 标签的默认样式其实就是多了个 text-decoration: underline;，外加 :hover、:visited 两个伪类里设置一下 color。