使用 `` 或 `<frame>` 的 `name` 屬性配合 `<a target="frameName">` 或 `form target="frameName"`，可將鏈接/表單提交結果加載到指定框架內，不刷新父頁面。</p> <h2>完整示例</h2> <pre><code><!-- 父頁面 --> <iframe name="pdfFrame" src="about:blank" style="width:100%;height:600px;"></iframe> <a href="doc1.pdf" target="pdfFrame">文檔 1</a> <a href="doc2.pdf" target="pdfFrame">文檔 2</a> <!-- 或表單提交 --> <form action="generate_pdf.jsp" method="post" target="pdfFrame"> <input type="hidden" name="id" value="123"> <button type="submit">生成並查看 PDF</button> </form> </code></pre> <h2>PDF 全屏顯示問題</h2> <ul> <li>瀏覽器內置 PDF 查看器可能強制全屏。解決：配置響應頭 `Content-Disposition: inline; filename="xxx.pdf"` 並確保 iframe 尺寸固定。</li> <li>若需更強控制，集成 PDF.js 在 iframe 中渲染，可自定義工具欄、縮放、打印行為。</li> </ul> <h2>現代替代方案</h2> <p>推薦使用 `<iframe>` 替代已廢棄的 `<frameset>`/`<frame>`，配合 `sandbox` 屬性提升安全性。</p> </xContent> <xContent><p>HTML frame iframe 內部跳轉，target 屬性指定框架名稱，PDF 全屏問題解決，PDF.js 集成建議。</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/bczhwd/33088.html' >Android Fragment 參數傳遞：XML 靜態聲明與動態添加的最佳實踐</a> <li>下一篇文章： <a class='LinkNextArticle' href='https://code.yunyiwangluo.com/bianchen/bczhwd/33090.html' >JavaScript 跨域 AJAX 請求在 MyEclipse 內置瀏覽器失效的排查與解決</a> </ol> </div> </div> <div class="qirnxbd bg1 mt20"> <div class="jdbsbav"> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/' target="_blank">程式設計綜合問答</a> <div class="jdbsbav_hx"></div> </div> <div class="qirnxbd_rbx"> <div class="oiendx"> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/29121.html' target="_blank"><img src='https://code.yunyiwangluo.com/bianchen/UploadFiles_4619/201701/2017010609510819.png' width='100' height='70' alt='Chrome 調試 JS 數組報錯：變量可見但訪問屬性失敗的常見原因' border='0'></a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/29121.html' target="_blank"><strong>Chrome 調試 JS 數組報錯：變量可見但訪問屬性失敗的常見原因</strong></a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/29121.html' target="_blank"><p>現象 在 Chrome DevTools Console 中</p></a> </div> <div class="oiendx"> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/33479.html' target="_blank"><img src='https://code.yunyiwangluo.com/bianchen/UploadFiles_4619/201701/2017010612390494.png' width='100' height='70' alt='Eclipse Java 編輯器內容助手自動觸發字符配置恢復' border='0'></a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/33479.html' target="_blank"><strong>Eclipse Java 編輯器內容助手自動觸發字符配置恢復</strong></a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/33479.html' target="_blank"><p>Eclipse Java 編輯器默認輸入 . 會自動彈出內容</p></a> </div> <div class="oiendx"> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/35351.html' target="_blank"><img src='https://code.yunyiwangluo.com/bianchen/UploadFiles_4619/201701/2017010613574498.png' width='100' height='70' alt='Python TypeError: list indices must be integers, not str 解決方案' border='0'></a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/35351.html' target="_blank"><strong>Python TypeError: list indices must be integers, not str 解決方案</strong></a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/35351.html' target="_blank"><p>錯誤原因 代碼中使用字符串作為列表索引： tfidf[cor</p></a> </div> <div class="oiendx"> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/30317.html' target="_blank"><img src='https://code.yunyiwangluo.com/bianchen/UploadFiles_4619/201701/2017010610441455.png' width='100' height='70' alt='Android 修改 XML 控件類型後 Java 代碼未同步導致 ClassCastException' border='0'></a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/30317.html' target="_blank"><strong>Android 修改 XML 控件類型後 Java 代碼未同步導致 ClassCastException</strong></a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/30317.html' target="_blank"><p>現象 XML 中將 <Button> 改為 &l</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/bczhwd/29202.html' target="_blank">CentOS 三種 ISO 版本區別與 U 盤安裝選擇指南</a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/37129.html' target="_blank">VC6.0 安裝 MSDN 失敗：原版 ISO 與系統兼容性建議</a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/28051.html' target="_blank">JavaScript 中 `innerHTML +=` 的加號賦值運算子詳解</a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/34814.html' target="_blank">AJAX 同步請求 async: false 解決 return true 不生效問題</a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/35015.html' target="_blank">Android Manifest Activity 註冊不顯示：重裝 IDE 解決緩存問題</a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/38154.html' target="_blank">Android TableLayout 固定表頭滾動內容：使用 LinearLayout + weight 替代對齊</a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/29191.html' target="_blank">Eclipse Spring XML 配置文件圖形化編輯器安裝指南</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>
