用IFRAME實現網頁的內嵌和預載

在HTM(HTML)文件中是否可以像PHP、ASP文件一樣嵌入其他文件呢？下面筆者介紹用iframe來實現的方法。

　　iframe元素的功能是在一個文檔裏內嵌一個文檔，創建一個浮動的幀。其部分屬性簡介如下：


　　name：內嵌幀名稱

　　width：內嵌幀寬度(可用像素值或百分比)

　　height：內嵌幀高度(可用像素值或百分比)

　　frameborder：內嵌幀邊框

　　marginwidth：幀內文本的左右頁邊距

　　marginheight：幀內文本的上下頁邊距

　　scrolling：是否出現滾動條(“auto”爲自動，“yes”爲顯示，“no”爲不顯示)

　　src：內嵌入文件的地址

　　style：內嵌文檔的樣式(如設置文檔背景等)

　　allowtransparency：是否允許透明

　　明白了以上屬性後，我們可用以下代碼實現，在main.htm中把samper.htm文件的內容顯示在一個高度爲80、寬度爲100%、自動顯示邊框的內嵌幀中：

　　〈iframe name="import_frame" width=100%

　　　height=80 src="samper.htm" frameborder=auto〉

　　〈/iframe〉

　　不錯吧，馬上“Ctrl+C”、“Ctrl+V”試試。

　　有時我們爲強調頁面的某項內容，想讓它先於頁面的其他內容顯示。同樣用iframe即可輕鬆實現：

　　先把要強調顯示的內容另存爲一個文件，如first.htm，然後通過一個預載頁index.htm，內容如下：

　　〈meta http-equiv="refresh" content="3,url=index2.htm"〉

　　〈body〉

　　頁面加載中，請稍候……〈iframe src="first.htm" style="display:none"〉〈/iframe〉

　　〈/body〉

　　主文件index2.htm

　　〈body〉

　　〈iframe src="first.htm"加入其他屬性限制〉〈/iframe〉

　　〈/body〉