html文件引入其它html文件的幾種方法:include方式


  可以在一個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。就會看見添加的文件啦。

    注意:一定要將添加的文件,需要打開網站的看見的網頁排在第一位。

    然后頁面打開:

 

    就看見頁面啦

    


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM