a 標簽 target 指向同名 iframe 在多彈窗下 Chrome 導向錯誤的解決思路

問題現象

• 頁面彈出多個窗口，每個窗口內有 <a target="iframeName"> 和同名 <iframe name="iframeName">。
• 點擊第二個彈窗的鏈接，Chrome 將第一個彈窗（或主頁）的 iframe 內容替換，而非當前彈窗。
• iframe 名稱不可更改，需兼容多瀏覽器。

原因

瀏覽器按 target 名稱在全局上下文查找 iframe。多個同名 iframe 存在時，Chrome 可能匹配到最先創建/聚焦的那個，導致跨窗口錯向。

解決思路

1. 動態生成唯一 iframe name：打開彈窗時，為 iframe 賦予唯一 name（如 iframe_${timestamp}），並同步設置鏈接 target。需控制彈窗頁面代碼。
2. 用 JS 控制導航：去掉 target，改用 <a href="..." onclick="window.open(this.href, 'iframeName'); return false;">，並在彈窗內用 window.frames['iframeName'].location.href = ... 精確導航。
3. PostMessage 跨文檔通信：父頁面監聽 message 事件，子頁面發送導航指令，父頁面精確找到對應 iframe 並 src 賦值。

快速修復（若可控制彈窗頁面）

// 彈窗頁面加載時
const uniqueName = 'frame_' + Date.now();
document.querySelector('iframe').name = uniqueName;
document.querySelectorAll('a[target="iframeName"]').forEach(a => a.target = uniqueName);

注意

Chrome 對同名 browsing context 的處理與 Firefox/Edge 不一致，標準建議避免跨窗口重複 name。若無法改動舊系統，方案 2（JS 精確導航）侵入性最小。