IE8 對 `` 直接載入 `.swf` 檔案有嚴格安全限制 (ActiveX 權限、跨域策略)。解決方法：**建立中介 HTML 頁面嵌入 Flash，再由 iframe 載入該 HTML**。</p> <h2>錯誤做法</h2> <pre><code><iframe src="map.swf"></iframe> <!-- IE8 直接載入 SWF 會被阻擋 --></code></pre> <h2>正確做法：兩層嵌套</h2> <pre><code><!-- 主頁面 --> <iframe src="mapContainer.html" width="100%" height="500" frameborder="0"></iframe></code></pre> <pre><code><!-- mapContainer.html --> <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=8"> <style>html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;}</style> </head> <body> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="mapFlash"> <param name="movie" value="map.swf" /> <param name="allowScriptAccess" value="always" /> <param name="wmode" value="opaque" /> <!-- 避免遮蓋下拉選單 --> <!--[if !IE]><!--> <object type="application/x-shockwave-flash" data="map.swf" width="100%" height="100%"> <param name="allowScriptAccess" value="always" /> <param name="wmode" value="opaque" /> </object> <!--<![endif]--> </object> </body> </html></code></pre> <h2>關鍵點解析</h2> <ul> <li><strong>雙重 `<object>` 寫法：</strong> 外層給 IE (classid)，內層給非 IE (type=data)，確保跨瀏覽器相容。</li> <li><strong>`allowScriptAccess="always"`：</strong> 允許 Flash 與容器頁面 JS 互通 (ExternalInterface)。</li> <li><strong>`wmode="opaque"` 或 `transparent`：</strong> 解決 Flash 永遠置頂遮蓋 HTML 元素 (下拉選單、彈窗) 的問題。</li> <li><strong>相對路徑：</strong> `map.swf` 路徑相對於 `mapContainer.html`，建議放同目錄。</li> <li><strong>IE8 相容模式：</strong> `<meta http-equiv="X-UA-Compatible" content="IE=8">` 強制 IE8 標準模式渲染容器頁。</li> </ul> <h2>進階：Flash 與父頁面通訊</h2> <pre><code>// 主頁面 JS function callFlash(method, ...args) { const iframe = document.querySelector('iframe[src="mapContainer.html"]'); const flash = iframe.contentWindow.document.getElementById('mapFlash'); if (flash && flash[method]) flash[method](...args); } // 呼叫 Flash 公開的函式 callFlash('gotoLocation', 121.5, 25.0);</code></pre> <p>Flash 端需 `<code>ExternalInterface.addCallback("gotoLocation", gotoLocation);</code>` 註冊。</p> <h2>歷史背景提醒</h2> <ul> <li>Flash 已於 2020/12/31 終止支援，現代專案應改用 **Leaflet / Mapbox GL JS / OpenLayers** 等 HTML5 地圖庫。</li> <li>若必須維護舊系統，上述方案可延續 IE8 相容性；新專案請勿採用 Flash。</li> </ul> <p>「iframe 載入 HTML，HTML 再嵌入 Flash」是繞過 IE8 直接載入 SWF 限制的標準模式。</p> <div class="qcxs_ie_he"></div> </div> <div class="akevx_own"> <script language='javascript' src='/ad/p.js'></script></div> <div class="akevx_mj"> </div> <div class="qcxs_ie_he"></div> <ol class="qmsbvx_hsb ovv_hex"> <li>上一篇文章： <a class='LinkPrevArticle' href='https://code.yunyiwangluo.com/bianchen/bcdq/24633.html' >手機版側邊欄滑出效果：CSS Transform + JavaScript 觸控實作完整指南</a> <li>下一篇文章： <a class='LinkNextArticle' href='https://code.yunyiwangluo.com/bianchen/bcdq/24635.html' >Java 控制台輸入不顯示：改用檔案讀取或 GUI 輸入替代 System.in</a> </ol> </div> </div> <div class="qirnxbd bg1 mt20"> <div class="jdbsbav"> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/' target="_blank">程式設計疑難解答</a> <div class="jdbsbav_hx"></div> </div> <div class="qirnxbd_rbx"> <div class="oiendx"> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/26351.html' target="_blank"><img src='https://code.yunyiwangluo.com/bianchen/UploadFiles_4619/201701/2017010520300609.png' width='100' height='70' alt='CSS line-height 與 font-size 關系：溢出顯示與隱藏' border='0'></a> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/26351.html' target="_blank"><strong>CSS line-height 與 font-size 關系：溢出顯示與隱藏</strong></a> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/26351.html' target="_blank"><p>現象 設置 font-size: 20px; line-he</p></a> </div> <div class="oiendx"> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/24144.html' target="_blank"><img src='https://code.yunyiwangluo.com/bianchen/UploadFiles_4619/201701/2017010518034214_S.jpeg' width='100' height='70' alt='Java List 存儲同一對象引用導致數據覆蓋問題' border='0'></a> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/24144.html' target="_blank"><strong>Java List 存儲同一對象引用導致數據覆蓋問題</strong></a> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/24144.html' target="_blank"><p>問題現象 向 List 重複添加同一個對象實例，修改其中一個</p></a> </div> <div class="oiendx"> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/26829.html' target="_blank"><img src='https://code.yunyiwangluo.com/bianchen/UploadFiles_4619/201701/2017010520474037.png' width='100' height='70' alt='Android CheckBox 背景設定：如何移除預設方框？' border='0'></a> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/26829.html' target="_blank"><strong>Android CheckBox 背景設定：如何移除預設方框？</strong></a> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/26829.html' target="_blank"><p>問題現象 在 XML 佈局中為 CheckBox 設定 an</p></a> </div> <div class="oiendx"> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/22862.html' target="_blank"><img src='https://code.yunyiwangluo.com/bianchen/UploadFiles_4619/201701/2017010516492729.png' width='100' height='70' alt='Bootstrap 表格圖片居中對齊：CSS 樣式與類名的正確用法' border='0'></a> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/22862.html' target="_blank"><strong>Bootstrap 表格圖片居中對齊：CSS 樣式與類名的正確用法</strong></a> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/22862.html' target="_blank"><p>問題現象 在 Bootstrap 表格 `` 中插入 ``，</p></a> </div> <div class="qcxs_ie_he"></div> </div> </div> </div> <div class="eccsgxsg mt20"> <div class="akevx_oin"> </div> <div class="nenxnxb bg1 mt20"> <div class="enxvsfgg"> <div class="enxvsfgg_1"></div> </div> <div class="pdirbvx lbhevs ovv_hex"> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/27636.html' target="_blank">組合數學經典問題：n 對情侶重新配對，求完全錯位的排列總數</a> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/39521.html' target="_blank">Unity 2D 角色多段連擊實作建議</a> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/24910.html' target="_blank">Qt 中 QButtonGroup 獲取被點擊 QPushButton 的 ID 與指標</a> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/27200.html' target="_blank">jQuery操作Checkbox狀態的正確姿勢：prop與attr的區別及版本兼容性</a> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/24612.html' target="_blank">jQuery 簡單交互：點擊按鈕隱藏/顯示元素一行代碼搞定</a> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/40150.html' target="_blank">Python UDP Socket 綁定本地端口與發送資料：指定來源位址的方法</a> <a href='https://code.yunyiwangluo.com/bianchen/bcdq/25343.html' target="_blank">Java 初學者提問：三張表關係分析</a> </div> </div> <div class="eqibneb bg1 mt20"> <div class="lkebxsg">欄目導航</div> <div class="eqibneb_1 ovv_hex"> <li><a class='childclass' href='https://code.yunyiwangluo.com/bianchen/huibian/' target="_self">組合語言</a></li> <li><a class='childclass' href='https://code.yunyiwangluo.com/bianchen/delphi/' target="_self">Delphi</a></li> <li><a class='childclass' href='https://code.yunyiwangluo.com/bianchen/groovy/' target="_self">Groovy</a></li> <li><a class='childclass' href='https://code.yunyiwangluo.com/bianchen/webSphere/' target="_self">WebSphere</a></li> <li><a class='childclass' href='https://code.yunyiwangluo.com/bianchen/rational/' target="_self">Rational</a></li> <li><a class='childclass' href='https://code.yunyiwangluo.com/bianchen/python/' target="_self">Python 程式設計</a></li> <li><a class='childclass' href='https://code.yunyiwangluo.com/bianchen/ruby/' target="_self">Ruby 程式設計</a></li> <li><a class='childclass' href='https://code.yunyiwangluo.com/bianchen/bcdq/' target="_self">程式設計疑難解答</a></li> <li><a class='childclass' href='https://code.yunyiwangluo.com/bianchen/bczhwd/' target="_self">程式設計綜合問答</a></li> <li><a class='childclass' href='https://code.yunyiwangluo.com/bianchen/gdgybc/' target="_self">更多程式設計知識</a></li> <li><a class='childclass' href='https://code.yunyiwangluo.com/bianchen/bcwtjd/' target="_self">程式設計問題解答</a></li> </div> </div> </div> <div class="qcxs_ie_he"></div> </div> </div> <div class="qcxs_ie_he"></div> <div class="ebrxbsbf">Copyright © <a href="https://code.yunyiwangluo.com/" target="_blank" title="程式碼之家">程式碼之家</a> All Rights Reserved </div> </body> </html>
