html無法使用include

服務器端包含,html文件不支持
要在html包含文件,參考:
在宿主頁面中嵌入外部頁面
劉筱
---- 如今在Internet上建立網站已經是很平常的事了,但是要做好卻並不容易。除了要求網站的內容豐富、可讀性強外,網站美觀和藝術性也是不可缺少的。而做到美觀的一個重要方面就是使整個網站具有統一的風格,並具有一致的導航結構及相關版權信息提示。
---- 在這方面,FrontPage的模板就是爲統一規劃網站整體風格而設計的。但使用FrontPage的這一功能也存在明顯的缺點,即當需要改變網站風格時,要對所有的頁面進行修改。如果網站的頁面很多,逐一修改頁面將是非常煩瑣的工作。對於這種情況,製作者可以在服務器端(ASP)通過使用“include”包含指令來嵌入另一控制網站整體風格的頁面來達到簡化修改目的,這樣在修改網站風格時,只須把嵌入的外部頁面修改即可,而不用對網站中所有的頁面進行修改。遺憾的是免費主頁空間一般都不提供對ASP、PHP、CGI等支持,那麼在宿主頁面中嵌入外部頁面的操作能否在客戶端實現呢?如果能,又怎樣實現呢?下面我們就談談在客戶端實現在宿主頁面中嵌入外部頁面的各種方法,並討論它們的優缺點。
一.應用框架技術
---- 要在宿主頁面中嵌入外部頁面的方法是,在宿主頁面中包含外部頁面的位置插入“< IFRAME name="XXX" width=X height=X frameborder=0 src="XXX.htm" >< /IFRAME >”語句即可(注意: < IFRAME >標籤中的各種屬性含義請查閱相關技術手冊)。
---- 如果想在嵌入的外部頁面過長時不出現滾動條,在外部文件< body >標籤中加入“scroll=no”或者在宿主頁面< IFRAME >標籤中加入“scrolling=no”即可。
---- 但這樣做會出現一個問題,就是宿主頁面和外部頁面背景色不同,這樣會給人造成頁面不是一個整體的感覺。這時,只要在引入的外部文件中使用和宿主頁面相同的背景色就可以解決這一問題。注意,如果您使用的是IE 5.5或以上版本的話,直接在標籤< IFRAME >內設置屬性allowTransparency="true"(即框架背景透明)即可。
---- 在應用框架技術時,爲什麼不使用框架頁面(即< FRAMESET >)呢?現在有很多網站是通過使用框架頁面來分割版面的,並達到了統一網站整體風格的目的,但筆者的體會是框架頁面的操作靈活性較差,不像內建框架(即< IFRAME >)這樣可以在宿主頁面中的任何位置插入。
二.使用Scriptlets組件技術
---- 應用這種技術的方法是在宿主頁面中包含外部頁面的位置插入“< OBJECT style="border: 0px" type="text/x-scriptlet" data="XXX.htm" width=X Height=X >< /OBJECT >”語句即可(注意: < OBJECT >標籤中的各種屬性含義請查閱相關技術手冊)。
---- 在IE 5.0及以後版本中,scriptlets和Html組件(HTCs)被重新命名爲Windows腳本編程組件(WSC),其特點類似於上文所講的框架技術。它有自己的不透明方形區域,並覆蓋在宿主頁面上,因此不能很平滑地用於具有紋理背景的宿主頁面中,其工作方式類似於ActiveX控件,具有自己獨立的事件、方法和屬性。
三.使用腳本文件技術
---- 我們知道document.write方法可以在宿主頁面中輸出內容,這樣就可以通過在宿主頁面中引入外部腳本文件來達到嵌入外部頁面的目的。方法是在宿主頁面中包含外部頁面的位置插入“< SCRIPT language="javascript" src="import.js" >< /SCRIPT >”,然後對外部頁面進行改造,將每一行內容寫入document.write中,並另外保存在擴展名爲js的新文件中。
---- 這種方法的特點是外部頁面不具有自己的方形區域,和宿主頁面渾然一體,但由於外部頁面內容全部寫在腳本中,無法做到所見即所得,必須等到腳本運行時才能看到實際效果,這樣就爲修改調試增加了困難。
四.使用內置行爲技術
---- 在IE 5.0及以後版本,引入了一項被稱爲“DHTML行爲”的新功能,並在其中內置了許多默認行爲。當將一種行爲應用於宿主頁面上的標準HTML元素時,它可以增強該元素的默認功能,並提供該行爲中定義的任何新方法、屬性或事件。其實大家對行爲技術並不陌生,微電腦世界2001年18期的《主頁加入收藏設置面面觀》一文就提到了利用IE中內置的homepage行爲技術進行主頁設置的方法。我們同樣可以利用IE 5.0內置的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 >
---- 其原理就是使用download行爲提供的startDownload方法下載一個外部文本文件,並將文件中的文本內容作爲參數傳遞給onDownloadDone函數,然後再由該函數對文本內容進行處理,在本例中是作爲showImport對象的內容顯示出來。如果在函數中對文本內容做相應的處理,並與相關技術結合,如XML,就可以實現更爲複雜的功能。
---- 這種方法使得外部頁面不再具有自己的方形區域,和宿主頁面渾然一體; 提供了更大的靈活性,通過使用對象的innerHtml屬性可以真正做到在宿主頁面的任何位置插入外部文件內容; 修改簡單,只須用可視網頁編輯軟件(如FrontPage 2000)將外部頁面修改即可輕鬆改變網站整體風格。可以說這是在宿主頁面中嵌入外部頁
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章