html中a标签中的onclick和href的使用

weixin_30522095

于 2015-03-20 10:33:00 发布

阅读量52

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dsheldon/p/4353014.html

本文深入探讨了HTML链接中的onclick事件与href属性之间的交互作用，特别针对IE6浏览器下div元素的float属性导致的margin加倍问题，并提供了解决方案。包括如何通过设置href属性来避免不必要的页面跳动，以及在链接中调用有返回值的函数时页面内容的替换现象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.　　链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）；
假设链接中同时存在 href 与 onclick，如果想让 href 属性下的动作不执行，onclick 必须得到一个 false 的返回值。不信，你可以将 goGoogle 函数中的 return false 注释掉；
如果页面过长有滚动条，且希望通过链接的 onclick 事件执行操作。应将它的 href 属性设为 javascript:void(0);，而不要是 #，这可以防止不必要的页面跳动；
如果在链接的 href 属性中调用一个有返回值的函数，当前页面的内容将被此函数的返回值代替；

　　* html是IE6识别的样式
3.　　

设置为float的div在ie下设置的margin会加倍，这是一个ie6都存在的bug，解决方案是在这个div里面加上display:inline;

转载于:https://www.cnblogs.com/dsheldon/p/4353014.html