html引入公共模組

如果沒有母版頁，那麼大量相同布局的頁面會有很多相同的**，那麼這就提到了乙個概念，叫重用性；

可以將相同布局的**放在乙個單獨的檔案，裡面寫一些公共模組，那麼在其他頁面只需要在指定位置引入他們就可以了

寫乙個頭部，在top.html寫入(只寫需要新增的)：

<

div 
style
="width: 100%;height: 100px;background: green;text-align: center;line-height: 100px;"
>
這是頭部
div>

<

div 
style
="width: 80%;margin: 0 auto;text-align: center;border: 1px solid;"
>
這是中間文字
div>

<

script
>
/*用jq來寫最方便
$(document).ready(function());
*///
也可以用原生js來實現ready    
function
ready(fn),
false
); 　　}
else
if(document.attachevent) 
}); 
} }//
在這裡呼叫ready
ready(
function
())script
>
<
div 
id="head"
>
div>
<
div 
style
="text-align: center;padding: 20px;"
>
test
div>
<
div 
id="center"
>
div>

html中引入公共的html頁面幾種方法

header1 div header1 load page header1.html script body 注意 header1中不需要把整個 寫全，以為乙個html中只能存在乙個body標籤，去掉所有的標籤 page header1.html width 100 height 50 frameb...

html引入依賴

新建乙個js檔案，引入需要的js.css檔案 h ui document.write document.write document.write document.write document.write document.write document.write document.write do...

在html頁面中引入公共的頭部和底部

使用shtml進行公共頭部和底部的引用 shtml介紹 shtml是一種基於ssi技術的檔案，也就是server side include ssi伺服器端包含指令，一些web server如果有ssi功能的話就會對shtml檔案特殊招待，伺服器會先掃一次shtml檔案看沒有特殊的ssi指令存在，如果...