简谈a标签与添加点击事件

最近在学习vue基础，想给a添加一个点击事件，没有注意到a的href设为了空，导致页面一直在刷新，点击事件根本就没有进去

后来知道a标签的href会导致默认人的页面跳转事件，如果为空值，就会刷新页面。

因为这个小的问题，就重新看了一下给a绑定点击事件注意的小地方，记录一下

1.链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）；

2.如果在链接的 href 属性中调用一个有返回值的函数，当前页面的内容将被此函数的返回值代替；

3.假设链接中同时存在 href 与 onclick，如果想让 href 属性下的动作不执行，我们需要阻止默认行为,

你好.

在<img>标签内 可以放入onclick事件 该事件必须指定一个作用域链.

如 windows.addOnclick = function(){}

便是 onclick="windows.addOnclick()" 或是 onclick="addOnclick()" 这是windows的作用域

你可以用Ext的命名空间 如 oa.bbq.addOnclick = function(){}

便是 onclick=" oa.bbq.addOnclick()" 也就是说 你现在的js与 这种dom类的事件容易出现作用域问题.

获取css的话 肯定要先获取这个dom dom.style即可

<a onclick="fn()">Does not appear as a link, because there's no href</a>  

<a href="javascript:void(0)" onclick="fn()">fn is called</a>  

<a href="javascript:undefined" onclick="fn()">fn is called</a>  

<a href="javascript:" onclick="fn()">fn is called too!</a>

---