iframe src和srcdoc有什么区别

Question

不知道标题说的是否清楚。。
我直接上代码吧：

const iframe = document.createElement('iframe')
iframe.src = "./iframe.html"
// iframe.srcdoc = "<script>console.log('test');</scrip" + "t>";
document.body.appendChild(iframe)

class App extends React.Component {

  componentDidMount() {
    Hook(iframe.contentWindow.console, (log) => {
      console.log(log);
    })
  }
}

// iframe.html
  <script>
      console.log('test')
  </script>

这里使用iframe.src = "./iframe.html" 在Hook里能抓到iframe.contentWindow.console的log信息，但使用了iframe.srcdoc就抓不到...（Hook是一个第三方库，这里就不写出来了）

有大佬知道为什么吗？