如何在页面加载后使用javascript删除404 src错误？

在页面加载后使用JavaScript删除404 src错误的方法有以下几种：

1. 使用onerror事件处理程序：可以通过在img、script、link等标签上添加onerror事件处理程序来捕获加载错误。当资源加载失败时，onerror事件将被触发，我们可以在事件处理程序中执行相应的操作，比如删除该元素或替换为其他有效的资源。

示例代码：

<img src="invalid-image.jpg" onerror="this.remove()">

在上述示例中，当图片加载失败时，会触发onerror事件，然后通过this.remove()将该图片元素从DOM中删除。

1. 动态创建元素：可以使用JavaScript动态创建元素，并为其设置src属性。如果资源加载失败，可以通过捕获onerror事件来删除该元素。

示例代码：

var img = new Image();
img.src = "invalid-image.jpg";
img.onerror = function() {
  this.remove();
};

在上述示例中，我们使用JavaScript创建了一个图片元素，并为其设置了src属性。当图片加载失败时，会触发onerror事件，然后通过this.remove()将该图片元素从DOM中删除。

1. 使用MutationObserver：MutationObserver是一个用于监视DOM变动的接口，可以用来监听DOM树的变化并执行相应的操作。我们可以使用MutationObserver来监视页面中的资源加载情况，当发现加载失败时，可以执行相应的操作，比如删除该元素。

示例代码：

var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    if (mutation.type === 'childList') {
      mutation.addedNodes.forEach(function(node) {
        if (node.tagName === 'IMG' && node.src === 'invalid-image.jpg') {
          node.remove();
        }
      });
    }
  });
});

observer.observe(document.body, { childList: true, subtree: true });

在上述示例中，我们创建了一个MutationObserver对象，并通过observe方法来监听document.body及其子节点的变化。当有新的节点添加到DOM中时，会触发MutationObserver的回调函数。我们可以在回调函数中判断节点是否为图片元素，并且src属性为加载失败的资源，然后执行相应的操作，比如删除该图片元素。

需要注意的是，以上方法仅适用于在页面加载后动态添加的资源。对于静态资源，可以通过服务器端配置或其他方式来处理404错误。