如何在JavaScript中动态加载<iframe>内容并找到特定div

在JavaScript中动态加载`<iframe>`内容并找到特定`div`，你可以采用以下几种方法：

1. **使用`contentWindow`或`contentDocument`**: 如果你想在iframe的内容窗口（`contentWindow`）里操作，首先需要获取到这个窗口，然后通过它去访问其中的DOM。假设iframe的id是"myIframe":

   var iframe = document.getElementById("myIframe");
   var iframeContentWindow = iframe.contentWindow || iframe.contentDocument.defaultView;
   var targetDiv = iframeContentWindow.document.querySelector('.targetClass');

2. **使用`postMessage`和事件监听** (现代浏览器支持)：主页面可以发送消息给iframe，当iframe接收到消息后可以在其内部操作。首先，设置iframe的`srcdoc`属性，或者在加载完成后设置`window.postMessage`监听器：

主页面:

   // 发送消息
   iframe.contentWindow.postMessage('findTarget', '*');

   // iframe内部响应
   window.addEventListener('message', function(e) {
       if (e.origin === 'your-origin') { // 检查源是否可信
           const targetDiv = document.querySelector('.targetClass');
           // 对targetDiv进行操作
       }
   });

3. **使用`document.createElement('iframe').src`属性动态加载新url**：如果你希望动态切换iframe的内容，并查找目标`div`，则可以在新url加载完成后再处理内容：

   var newUrl = "newExternalLink.html";
   var iframe = document.getElementById("myIframe");
   iframe.src = newUrl;

   iframe.onload = function() {
       var targetDiv = iframe.contentDocument.querySelector('.targetClass');
   };

请注意，这些方法都需要跨域策略允许，尤其是对于`postMessage`。此外，安全性和性能也是要考虑的因素。