zoukankan      html  css  js  c++  java
  • 网页共用头部和尾部的部分方法

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

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

    此方法有待尝试。。


  • 相关阅读:
    套接口编程
    传输层
    1 简介
    共享池2
    jquery.dataTables列中内容居中问题?求解?
    bootstrap-multiselect.js多选下拉框初始化时默认选中初始值
    datatable 动态显示/隐藏列
    bootstrap table 主子表 局部数据刷新(刷新子表)
    bootstrap table 怎么实现前两列固定冻结?
    bootstrapTable表格表头换行
  • 原文地址:https://www.cnblogs.com/greedymonkey/p/6536608.html
Copyright © 2011-2022 走看看