对于 <a href="javascript:void(0)" οnclick="logout()">安全退出</a>
所提出的问题:“为什么要在代码中加入<a href="javascript:void(0)" οnclick="logout()">这样的代码呢?javascript:void(0)这个的作用是什么?如果不想让这个超链接跳转为什么不直接取消掉href属性呢?”
①<a href="javascript:void(0)" οnclick="xxx()">
答:<a>标签这样的形式意在让<a>
的行为仅靠用JavaScript来定义。
②javascript:void(0) 的 作用
答: 一. void 是 JavaScript 中非常重要的关键字,该操作符指定要计算一个表达式但是不返回值。void(0) 计算为 0,当用户链接时,Javascript 上没有任何效果。
二. 目的是为了阻止a链接的默认行为(默认行为为跳转到链接的页面),方便让js绑定事件,不受干扰;
③ 如果不想让这个超链接跳转为什么不直接取消掉href属性呢?"
答: a标签具有跳转作用;不取消是因为 a
标签中 href
属性是必须的(没有这个属性的话, a
的默认样式不会表现出来)。
④<A href="javascript:void(0)"> 与 <A href="#"> 区别?
答:二者都代表<a>标签的空链接
<A href="javascript:void(0)">点击</a> 点击链接后不会回到网页顶部
<A href="#">点击</a> # 包含了一个位置信息,默认的锚是#top 也就是网页的上端。 点击后会回到网面顶部
⑤<a href="javascript:void(0)" οnclick="logout()">安全退出</a>
目的在于实现οnclick=""中的功能,此例中即实现logout()用户退出功能。 加了javascript:void(0),点击“安全退出”四个字所代表的链接后,页面不动(即 不整体刷新页面的情况下)只执行链接所实现的功能。