DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 在html文件裡include文件內容的方法小結
在html文件裡include文件內容的方法小結
編輯:HTML和Xhtml     

在論壇中常常有網友問到,可以在一個html的文件當中讀取另一個html文件的內容嗎?答案是確定的,而且方法不只一種,在以前我只會使用iframe來引用,後來發現了另外的幾種方法,那今天就總結這幾種方法讓大家參考一下,本人覺得第三種方式較好!

在html文件引入其它html文件的幾種方法

1.IFrame引入,看看下面的代碼


復制代碼代碼如下:
<IFRAME NAME="content_frame" width=100% height=40 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME>

你會看到一個外部引入的文件,但會發現有一個類似外框的東西將其包圍,可使用


復制代碼代碼如下:
<iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=40 src="import.htm" frameborder=0></iframe>

但你會發現還會有點問題,就是背景色不同,你只要在引入的文件import.htm中使用相同的背景色也可以,但如果你使用

的是IE5.5的話,可以看看這篇關於透明色的文章 如果想引入的文件過長時不出現滾動條的話在import.htm中的body中加

入scroll=no

 *缺點:無法做導航跳轉,在iframe裡面跳轉,內容疊加出現

2.<object>方式


復制代碼代碼如下:
<object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>

object 標簽 — 定義一個內嵌的物件(例如:圖像, 媒體, 代碼 etc)

 * 不符合標准網頁設計的理念,已經被標准網頁設計拋棄.

3.Behavior的download方式


復制代碼代碼如下:
<span id=showImport></span>
<IE:Download ID="oDownload" STYLE="behavior:url(#default#download)" />
<script>
function onDownloadDone(downDate){
showImport.innerHTML=downDate
}
oDownload.startDownload('import.htm’,onDownloadDone)
</script>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved