如何获取监听iframe src属性的变化进行后续操作

要监听`iframe`元素的`src`属性的变化，可以使用`MutationObserver` API。该API可以观察DOM节点的变化，并在变化发生时执行回调函数。

以下是一个示例代码，演示如何使用`MutationObserver`来监听`iframe`元素的`src`属性变化：

// 获取目标iframe元素
const iframe = document.querySelector('iframe');

// 创建一个新的MutationObserver实例，传入回调函数
const observer = new MutationObserver((mutationsList) => {
  for (let mutation of mutationsList) {
    if (mutation.type === 'attributes' && mutation.attributeName === 'src') {
      // src属性发生变化，执行后续操作
      console.log('src属性发生变化了！');
    }
  }
});

// 配置观察选项
const config = {
  attributes: true,
  attributeFilter: ['src']
};

// 开始观察目标元素
observer.observe(iframe, config);

在上述代码中，我们首先获取了目标`iframe`元素，然后创建了一个新的`MutationObserver`实例，并传入回调函数。在回调函数中，我们遍历了`mutationsList`数组，找到了`type`为`attributes`且`attributeName`为`src`的变化，执行了后续操作。

最后，我们通过`config`对象来配置观察选项，只观察`src`属性的变化。最后调用`observer.observe()`方法，开始观察目标元素的变化。