这个静态html页面是如何调用公共页头页尾的？

Posted 2023-03-21

http://www.elleshop.com.cn/product/g-18399-1.htm
这个静态页应该不是用的<iframe>的办法，那它这个是怎么调用的公共页头页尾呢？

在网上，html结尾的网址网页，有可能其本身并不是html的，这个涉及到【静态化和伪静态】，诸如一些大型的论坛和网站程序，成千上万的页面，不可能每次都去维护其页面内容的。

因此，通常，大家都是使用动态程序制作网站（分离模板，header+页面+sidebar+footer）。然后使用静态程序生成静态缓存（把动态程序拼接的内容保存为html文件，亦称“真静态”）。还有一种是解析URL的，就是，URL中提供一系列的参数，程序会提取这些参数，用来执行页面显示，其后缀可有可无可变更（仅仅是一个修饰，为了搜索引擎，亦称“伪静态”）。

php或asp可以使用include（require、require_once）或#include的方法包含多个页面文件。其实，你看到这个也是这种情况。 参考技术A 这个是动态网站用伪静态显示出来的，你看到的其实本身还是动态页面。
如果你不懂动态技术，那么纯静态可以采用js或者静态模板，<iframe>也能显示出来，但是实际中没人这样用追问

我就是要在一个静态页里调，iframe不行，因为高度是不固定的有下拉菜单，请问有什么方法么？

追答

js或者静态模板都行，建议用js

参考技术B 现在的网站都是调用模版的，学过PHP的都知道：会建立header.php和footer.php，这就是公共的页头和页脚。然后程序生成HTML网页时自然全部页面都一样的。 参考技术C 动态调用的。

京东账户——Mysql/PHP/Ajax爬坑之页头页尾加载

一、引言

实现京东的账户项目，有一个小功能，页头页尾加载。要用到的是Apach环境，Mysql、PHP以及Ajax。

 

二、实现

原理：

• 用php文件分别写一个的页头和一个页尾，放在前后两个div里。
• 通过jquery发送一个请求 请求这个php。
• 再把里面的一些小按钮，小图标放在这个div里即可。

 

<div id="header"></div>
     ……
<div id="footer"></div>

 

小知识1：jquery函数

       $("父元素").load("程序1");

            load()向程序发送请求(ajax)

            返回的内容->会保存在父元素中

            相当于innerHTML;

/***加载头文件  header.php***/
/***加载脚文件  footer.php***/
$("#header").load("data/header.php");
$("#footer").load("data/footer.php");

 

 

小知识2：php写html段落：

  <?php
       header(‘Content-Type:text/html;charset=UTF-8‘);//头文件设置发送的是text/html文件
  ?>

  <!--html文件-->

 

      

注意：别忘记把页头页尾所需要的css文件引入到要动态加载的html页面文件。