在靜態(tài)頁面中調(diào)用共有的部分,如頭部和尾部

最近一直在想一個問題,就是布局多個靜態(tài)頁面的時候,頭部和尾部都是一樣的時候,如果有頭部或尾部有修改的時候,這下就是一件麻煩事了,就要一個頁面一個頁面的修改,頁面要是少還可以接受,要是多的話,就頭疼的節(jié)奏,我就想了解一下有沒有什么方法可以解決這個問題的,就在網(wǎng)上找了很多,一般都是說后臺調(diào)用,還有就是使用js和iframe引入,我之前使用過iframe,但是我不怎么喜歡使用iframe,可能是之前使用的方法不對,用的感覺樣式調(diào)控好麻煩,所以就此有不喜歡的感覺。

我看到了使用js的方法,我就使用了這個方法試了一下,感覺挺簡單的,但是不知道這樣弄對后臺有沒有什么影響。

js方法:

html:

<div id="head"></div>

js:

$(function(){

? ? ? ? ?var htm = '<div class="head'>頭部內(nèi)容</div>';

? ? ? ? $("#head").append(htm);

)}

iframe方法:

新建一個html文件,

html:把共有的部分寫在這個文件中,之后在頁面中需要的部分使用iframe引入

<iframe src="head.html" ></iframe>


后臺的方法:

新建一個html文件,

html:把共有的部分寫在這個文件中,之后在頁面中需要的部分使用include引入

<# include "/contorl/head.jsp"/>


如果有寫錯的地方多多指教

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,034評論 25 709
  • 日子過成了橫豎橫,記憶在腦海里翻騰,不是我只記得痛苦,而是美好于我真的太少 目前的我已被熬成五十歲的難堪 婚姻需要...
    嵐彩青怡閱讀 190評論 0 0
  • dao第一階段開發(fā)概要 Erlang/OTP平臺版本 如果dao平臺最近發(fā)布的話,按照版本選取原則,應(yīng)該選擇前一個...
    Gary閱讀 390評論 0 1
  • 早起讀書本少年 無奈記憶常中斷 書到用時方恨少 少時欠債老來還
    胡楊公主閱讀 195評論 16 15
  • 1 第一單元 軟件架構(gòu)文檔和架構(gòu)視圖——如何有效描述架構(gòu)藍(lán)圖 1.1 軟件架構(gòu)的視圖 1.2 軟件架構(gòu)的文檔編寫 ...
    王偵閱讀 1,643評論 0 2

友情鏈接更多精彩內(nèi)容