能否用jQuery替代img标签的onerror属性？

这个jQuery方案完全可行，而且刚好能解决你提到的CSP兼容性问题，核心原因如下：

• 原生onerror属性属于内联事件处理逻辑，而CSP（内容安全策略）默认会拦截内联脚本/事件（除非特意配置unsafe-inline指令），这正是你之前遇到兼容性问题的根源。
• 用jQuery的.on('error')绑定事件属于外部脚本绑定方式，完全符合CSP的安全规范，不需要额外放宽策略限制。

不过使用时需要注意两个细节：

1. 动态添加的图片处理：如果页面中有后续动态插入的.element类图片，直接绑定.on('error')只能作用于已存在的元素，这时需要改用事件委托：

$(document).on('error', '.element', function(){
  $(this).attr('src','old.png');
});

2. 避免无限循环：如果降级用的old.png也加载失败，会再次触发error事件导致无限循环，可通过判断避免：

$(".element").on('error', function(){
  if ($(this).attr('src') !== 'old.png') {
    $(this).attr('src','old.png');
  }
});

总结来说，这个方案是替代内联onerror属性解决CSP问题的合理方案，注意上述细节就能稳定运行。

内容的提问来源于stack exchange，提问作者timholz