可以在一個html的文件當中讀取另一個html文件的內容嗎?答案是確定的,而且方法不只一種,在以前我只會使用iframe來引用,后來發現了另外的幾種方法,那今天就總結這幾種方法讓大家參考一下。
1.IFrame引入
a.html引入b.html的內容
<iframe name="content_iframe" marginwidth=0 marginheight=0 width=100% height=30 src="b.html" frameborder=0></iframe>
參數:
runat="server" 這個最好加上Iframe跳轉 asp.net 可在當前iframe中跳轉
src 鏈接到的地址URl
frameborder 是否顯示邊框(0無邊框 1有邊框)
scrolling 是否有滾動條(yes有滾動條 no無滾動條)
allowtransparency 背景是否透明(yes透明 no不透明)
詳細介紹:http://www.cnblogs.com/kingboy2008/archive/2011/05/10/2055545.html
不足:很多頁面都有下拉單,那么iframe 就不方便使用了,因為是在a窗口里面嵌入了b窗口。那么iframe的窗口則是固定不變的。沒法自動調節。iframe 這個我沒用過,之前看過一些小說網站,因為對內容的隱秘性,不讓讀者能復制內容,他們就是用了iframe的方法。
比如此處的下拉單要到內容部分,這樣iframe就不適用了。那么用include方式就很方便。接下來會有include方式詳解。
2.<object>方式
<object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>
定義一個嵌入的對象。請使用此元素向您的 XHTML 頁面添加多媒體。此元素允許您規定插入 HTML 文檔中的對象的數據和參數,以及可用來顯示和操作數據的代碼。
<object> 標簽用於包含對象,比如圖像、音頻、視頻、Java applets、ActiveX、PDF 以及 Flash。
object 的初衷是取代 img 和 applet 元素。不過由於漏洞以及缺乏瀏覽器支持,這一點並未實現。
瀏覽器的對象支持有賴於對象類型。不幸的是,主流瀏覽器都使用不同的代碼來加載相同的對象類型。
而幸運的是,object 對象提供了解決方案。如果未顯示 object 元素,就會執行位於 <object> 和 </object> 之間的代碼。通過這種方式,我們能夠嵌套多個 object 元素(每個對應一個瀏覽器)。
而我用object方式就常用於插入一個flash插件。
將內容引入放置到你的div中
<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' name='flashDiv' id='flashDiv' border='none'
codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0'>
<param name='movie' value='js/webchat.swf'>
<param name='quality' value='high'>
<embed src='js/webchat.swf' width='1100' height='680' quality='high' name='flashDiv'
type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' </embed>
</object>
詳細鏈接:http://blog.163.com/horse622@126/blog/static/477054722009102492216760/
param的詳解:http://201205083157.iteye.com/blog/1863322
3.include(這是我此處重點講解,也是最方便使用的)
一個網站很多頁面里面,一部分內容的代碼是一樣的,比如:head,footer,menu等。那么我們則可以寫一個頭部,一個尾部,一個menu然后引入到需要用的頁面里面,則不需用寫重復的代碼了。include是在a.html里面嵌入b.html的代碼,是將代碼拼湊完整,而不是在瀏覽器中嵌入一個瀏覽器。
這樣的好處是,當重復代碼修改一個小地方時候,只需在一個html里面修改,不需要重復修改代碼,也不會因為頁面太多導致漏掉未修改。
我將內容分成4部分,然后將heder、menu、footer引入到index里面,將會看見網頁代碼就成完整的了:
但是在windows系統里面使用include必須打開iis。
1.怎么打開iis呢?
控制面板-->程序和功能-->打開或關閉windows功能(左側菜單欄里面)
勾選選中的-->點確定
2.創建iis端口
控制面板-->管理工具-->Internet 信息服務(IIS)管理器
右擊紅色框部分-->添加網站
網站名稱可以填寫項目名稱。
物理路徑就是項目文件所在。
端口則是沒用過的,獨一無二的一個端口,記號。不然怕以后項目做多了記混淆。
這樣。一個iis文件創建成功
3.創建文本
iis編譯的文本不支持html。但是支持shtml,include文件引入支持html。所以我們可以這樣寫文件:
接着,我們需要給端口89制定一個訪問頁面:index.shtml
控制面板-->管理工具-->Internet 信息服務(IIS)管理器之后:
打開 左側網站,就會看見你新建的網站。然后左擊就看見此頁面,然后點開默認文檔:
點擊添加:彈出的框里面填入你的文件,比如:index.shtml。就會看見添加的文件啦。
注意:一定要將添加的文件,需要打開網站的看見的網頁排在第一位。
然后頁面打開:
就看見頁面啦