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”    –>

    此方法有待尝试。。


  • 相关阅读:
    SpringMVC
    Spring mvc 下Ajax获取JSON对象问题 406错误
    Docker国内镜像源
    获取redis cluster主从关系
    终端登录超时限制暂时解除
    vim全选,全部复制,全部删除
    [转]Redis集群搭建
    Jenkins持续集成01—Jenkins服务搭建和部署
    ELK重难点总结和整体优化配置
    ELK 经典用法—企业自定义日志收集切割和mysql模块
  • 原文地址:https://www.cnblogs.com/greedymonkey/p/6536608.html
Copyright © 2011-2022 走看看