必须等待 iframe 的 load 事件触发后才能安全调用 focus()，因跨域限制、document 未就绪或 ios safari 的用户手势限制会导致立即操作失败；推荐在 load 回调中用 contentdocument.getelementbyid 或同源函数调用。
iframe加载完成后再调用 focus() 方法
直接在 iframe 创建后立刻调用 contentWindow.document.getElementById(...).focus() 会失败，因为 iframe 内容还没加载完，document 可能为空或不完整。必须等 load 事件触发后操作。
- 监听 iframe 的
load事件，而非 DOM 插入后立即操作 - 确保 iframe 的
src是同源地址；跨域时contentDocument不可访问，会抛出DOMException: Blocked a frame with origin ... from accessing a cross-origin frame - 若 iframe 是空的（如
src="about:blank"），需先写入内容或等待其document.readyState === "complete"
获取 iframe 内输入框的几种可靠方式
不要依赖 contentWindow.document.querySelector 在未加载完成时调用。推荐在 load 回调中使用以下任一方式：
- 用
iframe.contentDocument.getElementById("myInput")（兼容性好，IE8+） - 用
iframe.contentWindow.document.getElementById("myInput")（语义更清晰） - 如果 iframe 内页面已定义全局函数（如
focusInput()），可通过iframe.contentWindow.focusInput()调用（需同源）
示例：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
<iframe id="myFrame" src="form.html"></iframe>
<script>
const iframe = document.getElementById('myFrame');
iframe.addEventListener('load', () => {
const input = iframe.contentDocument.getElementById('username');
if (input) input.focus();
});
</script>
注意 autofocus 属性在 iframe 内是否生效
autofocus 是 HTML 原生属性，但它在 iframe 内的行为受限：
- 仅当 iframe 是“主文档上下文”（即用户直接导航到该页面）时才自动聚焦；嵌入的 iframe 中
autofocus通常被忽略 - Chrome 和 Firefox 明确不触发嵌入 iframe 中的
autofocus，Safari 表现也不一致 - 所以不能依赖它，必须用 JS 主动调用
focus()
移动端 Safari 的特殊限制
iOS Safari 对 iframe 内 focus() 有额外拦截：只有在用户真实交互（如点击、触摸）后的 300ms 内调用才有效，否则静默失败且无报错。
- 解决办法：绑定一次用户点击（哪怕只是点空白处），再触发 iframe 内 focus
- 或者改用
input.select()配合setSelectionRange()模拟聚焦效果（对文本框有效） - 避免在页面 onload 后自动执行，那不属于“用户手势后续”
这个限制容易被忽略，尤其在做表单嵌入场景时，PC 正常但 iOS 完全没反应，就是卡在这里。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
