網頁共用頭部和尾部的部分方法


 同一網站的頭部和尾部通常是相同的,所有網頁只要共用頭部和尾部就可以使網頁的維護變得方便許多,只需要修改一個頁面就可以使全部網頁的頭部和尾部改變了,在這里我嘗試使用與課程相關的幾種不同方法來實現:

方法一:使用js,找一個html轉js的網站,然后把你頭部的html代碼轉化成js代碼。
然后在需要調用head文件代碼的地方添加<script language="JavaScript" type="text/javascript" src="js/header.js"></script>
這個地方src="js/header.js"的路徑是你head.js文件的路徑。

此方法可以正常顯示網頁內容:

 

 這種方式的優點是方便,便於修改。缺點是由於搜索引擎讀不懂javascript文件,頭部文件和尾部文件搜索引擎無法收錄

方法二:使用iframe框架

制作一個共用頭部文件head.htm或一個共用底部文件foot.htm。使用時調用頭部和底部文件的方法是:在網頁代碼的開始位置和結束位置分別增加下面的代碼:

<iframe src="head.html" width="100%" height="auto" marginwidth="0" marginheight="0"  frameborder="0" scrolling="no"></iframe>

<iframe src="foot.html" width="100%" height="auto" marginwidth="0" marginheight="0"  frameborder="0" scrolling="no"></iframe>

對於這個方法, 不知道是不是我的打開方式不對,頭部顯示並不理想:只顯示了一條直線。。感覺並不推薦這種方法

 

方法三:使用ASP語言或者PHP語言

 首先制作一個頭部文件head.php,或者一個底部文件foot.php。

如主頁是index.asp,調用頭部代碼是在index.asp文件代碼的開始位置(第一個標記后面,<head>標記前面)增加如下代碼:

<!–  #include file=”head.php”    –> 

調用共用底部文件代碼是在index.asp文件代碼的結束位置(最后一個標記前面)增加如下代碼:

<!–     #include file=”foot.php”    –>

此方法有待嘗試。。



免責聲明!

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



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