我正在使用以下 JavaScript 事件处理程序来处理数据库中动态填充的不可用图像。
<head>
<script type="text/javascript">
function blank_image_handler() {
document.getElementById("imageplaceholder").style.display = "none";
}
</script>
<body>
<div id="imageplaceholder"> <img src="image/thumbnail/<?php echo $row_images['image_link']; ?>" alt="<?php echo $row_images['image_caption']; ?>" onerror='blank_image_handler();' /> </div>
</body>
此事件处理程序正在正确实现目的，但在 w3c html 验证期间未进行验证。
我在验证期间收到的错误是there is no attribute "onerror"
顺便说一下，我的文档类型是 xhtml 过渡
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
您的 DTD 已 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"如果您查看 DTD 中支持的事件列表：http://www.w3.org/TR/xhtml1/dtds.html#dtdentry_xhtml1-transitional.dtd_events没有"onerror"事件，这就是w3c验证器报告错误的原因。
规范中没有onerror属性，即使浏览器可能实现它。
更好的版本是执行以下操作：
<script type="text/javascript">
function blank_image_handler()
{
document.getElementById("imageplaceholder").style.display = "none";
}
var image = document.getElementById("myImage");
image.addEventListener('error', blank_image_handler, true);
</script>
当然，您必须myImage给图像id。你应该把他的脚本移到html的末尾（无论如何都是推荐的）。
而不是使用"onerror"，您可以在脚本标记中执行以下操作：
document.getElementById("imageplaceholder").addEventListener("error",blank_image_handler,false);