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

    此方法有待尝试。。


  • 相关阅读:
    好理解的堆排序
    SpringCloud 整合 Python 服务
    SpringCloud入门总结
    Spring异常集中处理和日志集中打印
    Java枚举类型的理解及在后台响应中的使用
    Elasticsearch合并高亮字段
    Elasticsearch分析器结构组成
    Elasticsearch实现英文区分大小写搜索
    Nginx三大功能
    Elasticsearch Java Client 版本区别及起步(5.X 和6.X)
  • 原文地址:https://www.cnblogs.com/greedymonkey/p/6536608.html
Copyright © 2011-2022 走看看