return false后a标签还是会跳转?

https://img4.mukewang.com/5c00e52c000124fd10000474.jpg

return false后a标签还是会跳转,因为这句:description.firstChild.nodeValue = text; 把它注释了就不会跳转,或者换成:description.innerHTML = text;也不会跳转,这是什么情况呢?

还有一个问题是a标签的this默认返回的是href属性的值,比如上面的代码中,可以直接变成这样:image.setAttribute("src",element);,不用写成image.setAttribute("src",element.href);element.getAttribute("href");,是因为a标签本来就是必须带href属性(正常情况下)所以就自动返回这个值吗?


森栏
浏览 516回答 1
1回答

慕森卡

这个问题很有趣,初看觉得匪夷所思。马上 COPY 了代码尝试了一下:1.为什么 description.firstChild.nodeValue = text 会导致链接跳转?因为 description.firstChild 是 null,也就是一个空对象。你修改 null 的属性有什么作用?只会导致代码抛出异常,不继续向下执行了。既然 JS 不继续执行了,那么 return false 就是失效的,也就是压根没有 return false。所以浏览器接着做了点击 a 标签的默认行为,也就是跳转到 href 的链接。为什么 description.innerHTML = text; 没问题?因为这句 JS 不会导致异常,会正常执行下去,直到 return false。2.为什么 setAttribute 时,element 等价于 element.getAttribute("href")?如果你把 element.toString() 的结果打印出来就知道了,就是 href 的值。所以 setAttribute 的第二个参数会进行一次 toString 处理,确保值会是一个字符串对象,然后再赋值给相应属性。再次不得不说,你这个问题提得很有价值,我自己也学到了。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript