同一网站的头部和尾部通常是相同的,所有网页只要共用头部和尾部就可以使网页的维护变得方便许多,只需要修改一个页面就可以使全部网页的头部和尾部改变了,在这里我尝试使用与课程相关的几种不同方法来实现:

方法一:使用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”    –>

此方法有待尝试。。


内容来源于网络如有侵权请私信删除
你还没有登录,请先登录注册
  • 还没有人评论,欢迎说说您的想法!