首頁 > web前端 > html教學 > html檔案中include文件內容應該如何使用

html檔案中include文件內容應該如何使用

php中世界最好的语言
發布: 2018-01-25 11:22:10
原創
3760 人瀏覽過

這次帶給大家html檔案中include檔案內容該如何使用,使用html檔案中include檔案內容的注意事項有哪些,以下就是實戰案例,一起來看一下。

在論壇中常有網友問到,可以在一個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(&#39;import.htm’,onDownloadDone)
</script>
登入後複製

相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

怎麼用HTML和CSS做出大白

怎麼寫出靈活、穩定、高品質的HTML與css程式碼

在HTML中水平線標註與程式碼註解應該如何使用

以上是html檔案中include文件內容應該如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板