javascript - 锚标记上的 onclick 事件在 IE 中有效，但在 Firefox 和 Chrome 中无效

Question

这是 HTML 代码的相关部分：

<a id="interest" name="interest" href="#" value=1 onclick="alert(this.value)";">有兴趣</a>

警报选择值并在 IE 中运行时显示，但在 Chrome 和 Firefox 中显示未定义。

任何想法为什么？

Answer 1

您可以使用新的 HTML5 data-* 属性，如下所示：

<a id="interest" name="interest" href="#" data-value="1" onclick="alert(this.dataset.value);">Interested</a>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

这仅适用于支持 HTML5 的浏览器。要访问 data- 属性，您将使用dataset附加到元素的对象（例如data-value变为dataset.value.）

Answer 2

一些东西：

1）标签中的额外空格。< a>应该是<a>。

onclick2）您的属性中的额外引号。应该是onclick="alert(this.value);"。

3)value不是锚元素的有效属性。