name属性是iframe绑定浏览上下文的关键，决定target能否命中及window.frames能否索引；必须在appendchild前设置合法name值，否则静默失败。
name属性决定target能否命中iframe
没设name的iframe，a标签点开永远新开窗口或标签页，不会复用该iframe。浏览器只认target值和iframe的name是否完全匹配，大小写、空格、特殊字符都算不匹配。
常见错误现象：@#@#@#@#@#@#@#@#@#@0 + <iframe src="blank.html"></iframe> → 点击后跳新页面；但只要补上name="content"，立刻在原iframe中加载。
-
name必须是合法标识符：不能以数字开头，不能含空格、中文、/、.等 - 多个
iframe之间name值必须唯一，否则target行为未定义（浏览器通常取第一个） -
form的target、input的formtarget同样依赖name匹配
window.frames[name]访问子窗口的前提
window.frames['xxx']返回的是子页面的window对象，不是iframe DOM 元素本身。这个访问能成功的前提只有一个：对应iframe的name属性已设置且值为'xxx'。没设name，哪怕它在 DOM 里排第一个，window.frames['xxx']也一定是undefined。
容易混淆的点：
-
window.frames[0]靠顺序索引，DOM 变动就失效；window.frames['main-frame']靠名称索引，稳定得多 - 动态创建
iframe时，必须在appendChild前赋ifr.name = 'main-frame'，插入后再改无效（部分浏览器不触发注册） - 跨域时
window.frames['xxx'].location会抛SecurityError，但name本身不影响跨域策略
name不是装饰，是作用域绑定的关键
name属性本质是给 iframe 分配一个浏览上下文（browsing context）名称，这个名称被用于两个独立但关键的机制：HTML 的target路由 和 JS 的window.frames索引。两者底层共用同一套命名空间，不是巧合，是规范设计。
这意味着：
- 你不能用
id代替name来实现target跳转或window.frames访问 -
name值一旦设定，就绑定了该 iframe 的整个生命周期，包括其加载的新文档（除非被src重置为about:blank等无源地址） - 服务端渲染或 SSR 场景下，若
name由 JS 动态注入而非 HTML 原生存在，window.frames可能在首次读取时还未注册完成
动态创建时name必须提前写死
JS 创建iframe后立即插入文档，但若name属性在appendChild之后才设置，部分浏览器（如 Safari 17+、Firefox 120+）不会将其注册进window.frames映射表，导致window.frames['xxx']始终为undefined，target也无法命中。
正确写法示例：
const ifr = document.createElement('iframe');
ifr.name = 'dashboard-iframe'; // 必须在这步
ifr.src = 'dashboard.html';
document.body.appendChild(ifr); // 插入后才能被 frames 索引到
错误写法：
const ifr = document.createElement('iframe');
ifr.src = 'dashboard.html';
document.body.appendChild(ifr);
ifr.name = 'dashboard-iframe'; // 太晚了，frames 表已冻结
name 属性看着简单，但它卡在 HTML 渲染流程和 JS 执行时序的交界处——既不是纯 DOM 属性，也不只是语义标签，而是浏览器内部浏览上下文注册的触发开关。漏掉它，target 和 frames 都会静默失败，很难 debug。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
