网页共用头部和尾部的部分方法
2018-06-24 01:03:51来源：未知 阅读 ()
同一网站的头部和尾部通常是相同的，所有网页只要共用头部和尾部就可以使网页的维护变得方便许多，只需要修改一个页面就可以使全部网页的头部和尾部改变了，在这里我尝试使用与课程相关的几种不同方法来实现：
方法一：使用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” –>
此方法有待尝试。。
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- 使用 Apache SSI(Server Side Includes) 制作多语言版静态网 2020-06-01
- 网页搜索框里显示字段鼠标点击后就隐藏的方法 2020-05-29
- 【2020Python修炼记】前端开发之 网页设计超级酷炫小技巧 2020-05-14
- 使用css将网页变成黑白色 2020-04-04
- head头部包裹title,base,link,meta,script,style 2020-03-26
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
