不能，除非同源；跨域时contentdocument为null，必须通过postmessage由子页面主动发送链接，且父页面需校验e.origin。
iframe.contentDocument 能否直接读取子页面链接？
不能，除非 iframe 加载的是同源页面。跨域时浏览器会抛出 SecurityError，contentDocument 和 contentWindow.document 都为 null —— 这是同源策略的硬性限制，不是权限或配置问题。
同源 iframe 内如何提取所有 <a></a> 的 href？
确认同源（协议、域名、端口完全一致）后，可直接访问 DOM：
const iframe = document.getElementById('myIframe');
if (iframe.contentDocument) {
const links = iframe.contentDocument.querySelectorAll('a[href]');
const hrefs = Array.from(links).map(el => el.href); // 用 el.href 而非 el.getAttribute('href')，自动解析为绝对 URL
console.log(hrefs);
}
-
el.href返回解析后的绝对地址，el.getAttribute('href')返回原始相对值，多数场景要前者 - 注意检查
iframe.readyState === 'complete'或监听load事件，否则可能取到空 NodeList - 若子页面用了 Shadow DOM 且
<a></a>在 closed shadow root 内，则无法访问
跨域 iframe 怎么拿到链接？子页面必须配合
父页无法单方面突破跨域，必须由子页面主动暴露信息。常用方式是子页调用 postMessage 主动发送链接列表：
// 子页面内（需知道父页 origin）
const links = Array.from(document.querySelectorAll('a[href]')).map(a => a.href);
window.parent.postMessage({ type: 'LINKS', data: links }, 'https://parent-domain.com');
父页监听并校验来源：
window.addEventListener('message', (e) => {
if (e.origin !== 'https://child-domain.com') return;
if (e.data.type === 'LINKS') {
console.log(e.data.data); // 链接数组
}
});
- 必须严格校验
e.origin，不能只看e.data结构 - 子页面脚本需在 DOM 加载完成后执行（如放在
底部或DOMContentLoaded里） - 如果子页面是第三方不可控，这条路走不通
有没有不依赖子页面配合的绕过方法？
没有安全、稳定、符合标准的绕过方法。所谓「代理中转」「服务端抓取」「Chrome 扩展注入」都属于外部手段，不属于 HTML/JS 前端范畴，且各自受限于部署成本、权限、CSP 策略或浏览器限制。
最容易被忽略的一点：即使同源，若 iframe 的 src 是 javascript:void(0) 或 about:blank 且后续用 document.write() 写入内容，其 contentDocument 可能因文档重写而失效，此时需在写入后重新获取引用。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
