DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML的復用技巧
HTML的復用技巧
編輯:HTML和Xhtml     
HTML的復用是一個很少被提及的詞匯,今天就這個問題小結如下:
在老版本的浏覽器中HTML文檔是不支持嵌套的,而我們要能夠復用HTML代碼通常的做法主要有基於服務器端和客戶端實現的2大類方法:
1.服務器端實現
  a.使用SSI,既通常的shtml文件。
  b.asp、php等的include類語句,asp.net的模板頁和用戶控件。

2.在客戶端實現
  a.使用javascript客戶端腳本
    a1.可以在html文檔的onload事件中觸發一個js方法,在該方法中找到一個頁面元素作為容器,在該容器中輸出一段html代碼(可以定義一個字符串存儲要輸出的html代碼片段,比如:var str="<p>hello world!</p>";)。
    a2.在頁面中使用<script type="text/javascript" src="Default3.aspx"></script>等腳本注冊塊(該處的Default3.aspx也可以是js腳本文件或其他實現js格式的服務器端輸出),在實現的腳本文件中用document.write方法把要復用的html代碼打印出來。
    a3.使用AJAX實現。該方法有個缺陷,就是客戶端的有些浏覽器默認是不支持ajax的跨站調用的。
  b.使用iframe

兩者的選擇:
更多的情況下首選服務器端的實現,除非是在一些實現靜態化的頁面或者一些特殊的場合再使用客戶端的實現。

更多參考:
http://ask-leo.com/how_do_i_include_one_html_file_inside_another.html

http://www.boutell.com/newfaq/creating/include.html

http://blog.csdn.net/omohe/archive/2007/10/28/1850766.aspx

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved