1. 程式人生 > >前端頁面重複資訊處理方法——header/footer/navigation等

前端頁面重複資訊處理方法——header/footer/navigation等

對於網頁中的重複部分,例如:導航資訊等單獨放在一個網頁中,然後其它頁面呼叫。方便修改,提高工作效率,不需要每次都開啟所有的頁面。

方法:將網頁中重複部分寫成單獨的檔案,根據使用的語言不同,選擇不同的方式。例如:header.js,然後在當前頁面的指定位置嵌入js指令碼語句,呼叫生成的js指令碼。

1.asp語言

index.asp

<!–#include file=”header.asp”–>

2.jsp語言

index.jsp

<%@ include file="header.jsp"%>

3.js指令碼語言

index.html

<script src="header.js"></script>

header.js

document.write('<!-- header --><div>...</div><!-- /header -->');