html: <a>元素中的 onclick

发布网友 发布时间：2022-04-22 23:05

我来回答

共2个回答

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

JAVASCRIPT在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置。

而该值决定了当前操作是否继续。
当返回的是true时，将继续操作。
当返回是false时，将中断操作。

而直接执行时（不用return）。将不会对window.event.returnvalue进行设置
所以会默认地继续执行操作

详细说明如下：
例如：
当在 <a href="abc.htm" onclick="return add_onclick()">Open</a> 中
如果函数 add_onclick() 返回 true, 那么 页面就会打开 abc.htm
否则, (返回 false), 那么页面不会跳转到 abc.htm, 只会执行你的 add_onclick() 函数里的内容. (add_onclick函数中控制页面转到 abc.htm除外

)
而 <a href="abc.htm" onclick="add_onclick()">Open</a>
不管 add_onclick() 返回什么值, 都会在执行完 add_onclick 后打开页面 abc.htm

热心网友 时间：2022-04-19 09:00

比如a标签的href=‘XX.html’而onclick=‘return XX()’的话。
那么执行顺序是先执行onclick再执行href，如果onclick方法返回的是true，那就执行href的连接跳转，如果返回的是false，就不执行href
这个a标签的这样写可以理解成这样onclick的方法的分解：
function XX(){
if(判断条件成立){//方法返回这个if判断
window.location.href='';//这个也就相当于a标签的href属性
}else{
//条件不成立，什么都不执行
}
}