如何简化代码实现从index.aspx指定Iframe复制内容到新窗口Div？

当然可以！你想要的简洁写法完全能实现，我给你整理了两种简洁方案，适配原生JS和jQuery场景，同时帮你规避常见的坑：

方案1：jQuery版本（贴合你想要的写法风格） #

如果项目里已经引入了jQuery，这段代码会非常简洁直观：

// 等待iframe加载完成（避免内容还没渲染就复制）
$('#ifContent').on('load', function() {
  // 获取iframe内部的全部内容
  const $iframeContent = $(this).contents();
  // 打开新窗口
  const newWin = window.open();
  // 给新窗口初始化目标div
  $(newWin.document.body).append('<div id="iFrameDiv"></div>');
  // 复制内容并追加到新窗口的div中
  $iframeContent.clone().appendTo($(newWin.document).find('#iFrameDiv'));
});

方案2：原生JavaScript版本（无依赖） #

如果不想用jQuery，原生JS也能写出简洁的代码：

const iframe = document.getElementById('ifContent');
// 监听iframe加载完成事件
iframe.addEventListener('load', function() {
  // 获取iframe的文档对象
  const iframeDoc = this.contentDocument || this.contentWindow.document;
  // 打开新窗口
  const newWin = window.open();
  // 初始化新窗口的DOM结构
  newWin.document.write('<div id="iFrameDiv"></div>');
  newWin.document.close();
  // 复制iframe内容到目标div
  newWin.document.getElementById('iFrameDiv').appendChild(iframeDoc.body.cloneNode(true));
});

关键注意事项 #

• 跨域限制：必须保证当前页面、iframe的内容页面、新窗口的页面是同域（协议、域名、端口都一致），否则浏览器的同源策略会阻止你访问iframe或新窗口的DOM，这是无法绕过的安全限制。
• iframe加载时机：一定要在iframe加载完成后再执行复制操作，否则会获取到空内容，上面的代码已经通过load事件处理了这个问题。

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