在 ASP.NET 後台 Response.Write("") 導致原頁面空白，主因有二：iframe 非空標籤必須有閉合標籤、Response.Write 輸出位置在 之前導致瀏覽器進入怪異模式。
Response.Write("")
Response.Write(""); // 自閉合寫法無效，且輸出在最頂端
Response.Write("</iframe>"); // 正確寫法 </code></pre> <h2>修正方案二：使用 ASPX 標記而非後台輸出（推薦）</h2> <p>在 .aspx 頁面直接寫標籤，避免輸出位置問題：</p> <pre><code><%-- 頁面適當位置 --%> <iframe src="report.html" style="width:100%; height:500px; border:none;"></iframe> </code></pre> <p>或用伺服器端控制項：</p> <pre><code><iframe src="report.html" runat="server" id="ifrReport"></iframe> // 後台 ifrReport.Attributes["src"] = "report.html"; </code></pre> <h2>修正方案三：若必須在後台動態生成，用 Literal 控制項</h2> <pre><code><asp:Literal ID="litIframe" runat="server" /> // 後台 litIframe.Text = "<iframe src='report.html'></iframe>"; </code></pre> <h2>核心原理解析</h2> <ul> <li><code>Response.Write</code> 在頁面生命週期<strong>Render 階段之前</strong>輸出，內容會插在 <code><!DOCTYPE html></code> 之前，導致瀏覽器以 Quirks Mode 解析，排版崩潰。</li> <li><code>iframe</code> 在 HTML5 中<strong>禁止自閉合</code>（<code><iframe /></code>），必須寫 <code><iframe></iframe></code>。</li> <li>動態屬性建議用 <code>runat="server"</code> 控制項或前端 JS 設定 <code>src</code>。</li> </ul> <h2>最佳實務</h2> <ol> <li>靜態內容直接寫在 .aspx。</li> <li>動態內容用 <code>Literal</code>、<code>PlaceHolder</code> 或繫結控制項。</li> <li>複雜邏輯用 User Control (.ascx) 封裝。</li> <li>避免在 <code>Page_Load</code> 之前或 <code>Response.Write</code> 直接輸出 HTML 片段。</li> </ol> <p>遵循 ASP.NET WebForms 頁面生命週期與控制項模型，能避免此類輸出位置與標籤語法錯誤。</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/35716.html' >PHP 批量重命名與刪除檔案：目錄遍歷配合 rename/unlink 迴圈</a> <li>下一篇文章： <a class='LinkNextArticle' href='https://code.yunyiwangluo.com/bianchen/bczhwd/35718.html' >C++/CLI WinForms PictureBox 連連看遊戲邏輯：資料結構驅動而非控制項指標</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/35958.html' target="_blank"><img src='https://code.yunyiwangluo.com/bianchen/UploadFiles_4619/201701/2017010614222273_S.jpg' width='100' height='70' alt='DIV 模擬文本區域換行效果：CSS white-space 與內容預處理' border='0'></a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/35958.html' target="_blank"><strong>DIV 模擬文本區域換行效果：CSS white-space 與內容預處理</strong></a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/35958.html' target="_blank"><p>需求 從資料庫讀取的文本內容已包含換行排版，需在 <d</p></a> </div> <div class="oiendx"> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/30538.html' target="_blank"><img src='https://code.yunyiwangluo.com/bianchen/UploadFiles_4619/201701/2017010610514782.jpg' width='100' height='70' alt='CSS 實現兩欄等高：定寬左欄 + 自適應右欄（Float + Overflow 隱含 BFC）' border='0'></a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/30538.html' target="_blank"><strong>CSS 實現兩欄等高：定寬左欄 + 自適應右欄（Float + Overflow 隱含 BFC）</strong></a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/30538.html' target="_blank"><p>經典聖杯佈局簡化版：左欄固定寬浮動，右欄觸發 BFC 自動填</p></a> </div> <div class="oiendx"> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/29443.html' target="_blank"><img src='https://code.yunyiwangluo.com/bianchen/UploadFiles_4619/201701/2017010610002222.jpg' width='100' height='70' alt='CentOS 開發板 Telnet 連線失敗：防火牆、服務啟動與 IP 確認排查步驟' border='0'></a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/29443.html' target="_blank"><strong>CentOS 開發板 Telnet 連線失敗：防火牆、服務啟動與 IP 確認排查步驟</strong></a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/29443.html' target="_blank"><p>錯誤訊息 無法開啟到主機的連線，在連接埠 23: 連線失敗 </p></a> </div> <div class="oiendx"> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/32168.html' target="_blank"><img src='https://code.yunyiwangluo.com/bianchen/UploadFiles_4619/201701/2017010611511258.jpg' width='100' height='70' alt='PHP for 迴圈刪除檔案計數器未增加的排查方法' border='0'></a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/32168.html' target="_blank"><strong>PHP for 迴圈刪除檔案計數器未增加的排查方法</strong></a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/32168.html' target="_blank"><p>在 PHP 中使用 for 迴圈刪除一系列 JPG 與 Co</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/33991.html' target="_blank">JavaScript 動態在 dt 後插入文本框：innerHTML 追加或 DOM API 創建</a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/28844.html' target="_blank">C# 實現約瑟夫環問題：10 人報數 3 出列</a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/35346.html' target="_blank">jQuery DataTable 隱藏列但保留數據獲取能力的實現</a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/34258.html' target="_blank">Android 聲音波形/音量即時顯示：MediaRecorder + Visualizer 實現 QQ 按住說話效果</a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/45759.html' target="_blank">iOS 非越獄環境下無法獲取其他應用使用記錄的原因</a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/45287.html' target="_blank">匯編語言屏幕顯示字符串常見錯誤修正</a> <a href='https://code.yunyiwangluo.com/bianchen/bczhwd/28639.html' target="_blank">C++ undefined reference 錯誤：函數聲明與定義參數不匹配</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>
