首頁  >  文章  >  web前端  >  在html文件裡include文件內容的方法小結_HTML/Xhtml_網頁製作

在html文件裡include文件內容的方法小結_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:36:371814瀏覽

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

在html檔案中引入其它html檔案的幾種方法

1.IFrame引入,看看下面的程式碼


複製程式碼
程式碼如下:


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


複製程式碼
程式碼如下:


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

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

入scroll=no

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

2.方式


複製程式碼
程式碼如下:


object 標籤 — 定義一個內嵌的物件(例如:映像, 媒體, 程式碼 etc)

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

3.Behavior的download方式


複製程式碼
程式碼如下:

🎜>🎜>

<script><br />function onDownloadDone(downDate){<br />showImport.ininner" downDate<br />}<br />oDownload.startDownload('import.htm',onDownloadDone)<br /></script>
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn