html元素属性无法实现跨窗口通信，真正起作用的是javascript的postmessage()配合iframe或window.open()创建的window对象，需确保加载完成、指定正确targetorigin并监听message事件。
HTML 元素属性本身不能实现跨窗口通信，也没有哪个 src、data-、allow 或其他 HTML 属性能直接触发或承载跨窗口数据交换。
你看到的“通过 HTML 元素建立通信桥梁”，实际是误读 —— 真正起作用的是 JavaScript 运行时行为，HTML 只负责提供上下文（比如创建一个 iframe 或触发 window.open()），而通信必须由 postMessage() 显式发起并监听。
为什么不能靠 iframe src 或 data- 属性传数据
iframe src 或 data- 属性传数据这些属性只是静态声明，浏览器不会自动将其解释为“发消息”指令：
-
iframe src="child.html?token=abc"：URL 参数只在子页首次加载时可用，且仅限单次、不可变、无响应机制 -
data-message="hello"：纯 DOM 属性，父页改了它，子页根本收不到通知，也不触发任何跨上下文动作 -
allow="clipboard-read"：只控制 iframe 内部权限，和跨窗口通信无关
iframe 和 window.open() 是“通道”，不是“协议”
iframe 和 window.open() 是“通道”，不是“协议”它们的作用是创建新的执行上下文，并提供可引用的 Window 对象（如 iframe.contentWindow 或 popup），但通信逻辑仍需手动补全：
- 没监听
message事件 → 消息发出去也没人收 - 没等
iframe.onload就调用contentWindow.postMessage()→contentWindow是null，静默失败 - 目标页没同源，又没设对
targetOrigin→ Chrome 128+ 会直接丢弃消息，不报错也不提醒
真正需要你写的 JS 代码，就这三块
以父页向 iframe 发消息为例，缺一不可：
-
发送前确认 iframe 已加载：
iframe.addEventListener('load', () => { /* 此时 contentWindow 可用 */ }) -
发送时指定精确源：
iframe.contentWindow.postMessage(data, 'https://example.com')（别用'*'） -
接收方校验 origin + 解析 data：
if (e.origin !== 'https://example.com') return;，再JSON.parse(e.data)或直接用对象（注意老浏览器兼容性）
最常被跳过的其实是“等待加载完成”和“校验 origin”的组合。你以为加了 postMessage() 就通了，其实消息可能从没离开过当前 JS 执行栈——因为目标 Window 引用无效，或接收端压根没绑定监听器。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
