文章編號: 278469 - 上次校閱: 2012年4月28日 - 版次: 1.0

如何調整大小的 IFrame,其內容的大小,而不顯示捲軸列

系統提示本文適用於您使用的作業系統之外的作業系統。與您不相關的文章內容已停用。
全部展開 | 全部摺疊

結論

在某些情況下,可能會想要調整大小的 IFrame,讓所有的文件內容都是可見的但沒有捲軸列會顯示在頁面上。本文將告訴您如何執行這項操作。

其他相關資訊

如果要判斷 IFrame 內容的大小,您必須存取基礎 IFrame 文件的高度和寬度屬性。因為您只需要指令碼裝載在同一個網域中的網頁的存取權,您只能存取網頁,都裝載在同一個網域 (比方說,跨框架的指令碼) 的屬性。因此,IFrame 來源文件必須是從相同的網域,IFrame 所在的頁面。

下列程式碼會示範如何調整大小的 IFrame,這種方式。建立新的.htm 文件,並將下列的 HTML 程式碼。在 IFrame 的SRC屬性,您必須提供來自相同網域的 IFrame 載入的 HTML 網頁。

注意: 這項技巧可能無法正常運作如果位於 IFrame 內的絕對定位項目。
<HTML>
<HEAD>
<SCRIPT LANGUAGE=javascript>
<!--
function reSize()
{
	try{	
	var oBody	=	ifrm.document.body;
	var oFrame	=	document.all("ifrm");
		
	oFrame.style.height = oBody.scrollHeight + (oBody.offsetHeight - oBody.clientHeight);
	oFrame.style.width = oBody.scrollWidth + (oBody.offsetWidth - oBody.clientWidth);
	}
	//An error is raised if the IFrame domain != its container's domain
	catch(e)
	{
	window.status =	'Error: ' + e.number + '; ' + e.description;
	}
}
//-->
</SCRIPT>
</HEAD>
<BODY onload=reSize()>
	<iframe onresize=reSize() id=ifrm src=YOUR_PAGE_HERE></iframe>
</BODY>
</HTML>
				
這個範例會使用嘗試抓住利用 Internet Explorer 5 及更新版本中,而且僅能使用的網域一致性檢查。錯誤檢查是為了說明之用而非絕對必要。它只允許指令碼依正常程序失敗。

Microsoft 會提供程式設計範例僅供說明,不做任何明示或默示的保證,其中包括但不是限於適售性及/或適合某特定用途之默示擔保。本文假設您已熟悉我們所示範的程式設計語言,以及用來建立和偵錯程序的工具。Microsoft 技術支援工程師可以協助解釋特定程序中的功能,但它們不會修改這些範例以提供附加功能或建構符合您需求的程序。
如果您有限制的程式設計經驗,您可以連絡微軟認證夥伴 」 或 「 Microsoft 諮詢服務。如需詳細資訊,請造訪下列 Microsoft 網站取得:

Microsoft 認證合作夥伴- https://partner.microsoft.com/global/30000104 (https://partner.microsoft.com/global/30000104)

Microsoft 諮詢服務- http://support.microsoft.com/gp/advisoryservice (http://support.microsoft.com/gp/advisoryservice)

如需有關可用支援選項,以及有關如何連絡微軟的詳細資訊,請造訪下列 Microsoft 網站:http://support.microsoft.com/default.aspx?scid=fhEN-US。CNTACTMS (英文) (http://support.microsoft.com/default.aspx?scid=fh;EN-US;CNTACTMS)

?考

如需詳細資訊,按一下下面的文件編號,檢視 「 Microsoft 知識庫 」 中的文件:
167796? (http://support.microsoft.com/kb/167796/EN-US/ ) PRB: 使用權限拒絕錯誤訊息時指令碼處理跨框架
如需有關如何測量項目維度和位置的詳細資訊,請參閱下列 Microsoft 開發人員網路 (MSDN) 網站:
http://msdn.microsoft.com/en-us/library/ms533024 (v=vs.85).aspx (http://msdn.microsoft.com/en-us/library/ms533024(v=vs.85).aspx)
如需有關 Microsoft Internet Explorer 開發以 Web 為基礎的解決方案的詳細資訊,請造訪下列 Microsoft 網站取得:
http://msdn.microsoft.com/ie/ (http://msdn.microsoft.com/ie/)

http://support.microsoft.com/iep (http://support.microsoft.com/iep)

這篇文章中的資訊適用於:
  • Microsoft Internet Explorer 4.01 Service Pack 1
關鍵字:?
kbdhtml kbhowto kbsbnworkshop kbmt KB278469 KbMtzh
機器翻譯機器翻譯
重要:本文是以 Microsoft 機器翻譯軟體翻譯而成,而非使用人工翻譯而成。Microsoft 同時提供使用者人工翻譯及機器翻譯兩個版本的文章,讓使用者可以依其使用語言使用知識庫中的所有文章。但是,機器翻譯的文章可能不盡完美。這些文章中也可能出現拼字、語意或文法上的錯誤,就像外國人在使用本國語言時可能發生的錯誤。Microsoft 不為內容的翻譯錯誤或客戶對該內容的使用所產生的任何錯誤或損害負責。Microsoft也同時將不斷地就機器翻譯軟體進行更新。
按一下這裡查看此文章的英文版本:278469? (http://support.microsoft.com/kb/278469/en-us/ )
Microsoft及(或)其供應商不就任何在本伺服器上發表的文字資料及其相關圖表資訊的恰當性作任何承諾。所有文字資料及其相關圖表均以「現狀」供應,不負任何擔保責任。Microsoft及(或)其供應商謹此聲明,不負任何對與此資訊有關之擔保責任,包括關於適售性、適用於某一特定用途、權利或不侵權的明示或默示擔保責任。Microsoft及(或)其供應商無論如何不對因或與使用本伺服器上資訊或與資訊的實行有關而引起的契約、過失或其他侵權行為之訴訟中的特別的、間接的、衍生性的損害或任何因使用而喪失所導致的之損害、資料或利潤負任何責任。
Retired KB Article依現狀不再更新的知識庫內容免責聲明
本文旨在說明 Microsoft 不再提供支援的產品。因此,本文係依「現狀」提供,不會再更新。