Javascript anchor标签上的onclick事件在IE中有效，但在Firefox和Chrome中不起作用

以下是HTML代码的相关部分：

感兴趣

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

---

知道为什么吗？

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

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

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

---

这仅适用于支持HTML5的浏览器。要访问数据属性，您将使用附加到元素的

数据集

对象（例如

数据值

变为

数据集.值

）

您可以使用新的HTML5数据属性，如下所示：

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

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

这只适用于支持HTML5的浏览器。要访问数据属性，您将使用附加到元素的

数据集

对象（例如

数据值

变为

数据集.值

）

一些事情：

1） 标记中的额外空格。

应为

2）

onclick

属性中的额外引号。应为

onclick=“alert（this.value））；“

3）

value

不是锚元素的有效属性。

以下几点：

1） 标记中的额外空格。

应为

2）

onclick

属性中的额外引号。应为

onclick=“alert（this.value））；“

---

3）

value

不是锚元素的有效属性。

是的，我给出了一个有效的解决方案。但即便如此，我建议OP重新考虑他们是如何实现这整件事的，也许可以将JavaScript与HTML分开。@kennis——实现了1和2。value在IE中工作，但在Firefox和Chrome中不工作。什么是有效的属性ute？我认为最简单的解决方案（尽管可能不是我会选择的方案）将使用button元素而不是anchor。按钮可以具有value属性，并且由于此示例中的anchor实际上没有用作链接，因此您根本没有更改功能。@kennis--true。但如果可能，希望使用anchor标记实现。.更多与显示、空间等有关的内容。好的。anchor包装在一个删除了所有样式的按钮：是的，我给出了一个可行的解决方案。但即便如此，我建议OP重新考虑他们是如何实现这整件事的，并可能将JavaScript从HTML中分离出来。@kennis——实现了1和2。value在IE中有效，但在Firefox和Chrome中无效。什么是有效属性？我认为easiest解决方案（尽管可能不是我会选择的方案）将使用button元素而不是anchor。按钮可以具有value属性，并且由于此示例中的anchor实际上没有用作链接，因此您根本没有更改功能。@kennis--true。但如果可能，希望使用anchor标记实现。.更多与显示、空间等有关的内容。好的。anchor包装在删除所有样式的按钮：有效。谢谢。对不支持HTML5的浏览器有任何建议吗？我认为IE 6、7和8。如果支持对你来说是个问题，那么你可能会想找到另一种方法来解决这个问题。Kennis的解决方案（使用带值属性的重新设置样式的按钮）可能会很好。谢谢。对不支持HTML5的浏览器有任何建议，我认为IE 6、7和8。如果支持对你来说是个问题，那么你可能会想找到另一种方法来解决这个问题。Kennis的解决方案（使用带值属性的重新设置样式的按钮）可能会很好。