Question

如何在静态网页(*.html)中调用静态网页(*.html)

我做了个静态首页index.html，同时还做了三个内页top.html,left.html,foot.html.我想在首页和其他内页中直接调用这三个文件top.html,left.html,foot.html，这样网页改动将比较方便，但我在index.html中使用<!--#include file="top.html" -->调用top.html时却不成功！不知道为什么？我知道在index.asp中这样调用<!--#include file="top.html" -->是可以了! 请问我将如调用这三个文件呢？谢谢了～

Answer 1

静态页面中看上去好像是不能直接调用php文件的，但是却可以使用js调用方式来调用php文件，当然还可以使用ajax 调用php文件，下面就来给大家介绍一下：

举一个简单的例子来说明:

如在页面a.html中用下面这句调用，可以将action=test的参数传递到b.php。
Javascript代码

复制代码 代码如下:
<script type="text/javascript" src="b.php?action=test"></script>

在b.php中有这样一段PHP代码:

复制代码 代码如下:
<?php
$action=$_GET['action'];
echo "document.write('".$action."');n";
?>

当执行a.html文件时,就会调用b.php文件,并将b.php文件的输出作为JS语句来执行,内容为JS传递的参数action的值,也就是在PHP文件中接受过来的action的值.
jquery的load函数是请求另一个文件并加载到当前DOM里的调用

1、加载一个php文件，该php文件不含传递参数

复制代码 代码如下:
$("#myID").load("test.php");

2、加载一个php文件，该php文件含有一个传递参数

复制代码 代码如下:
$("#myID").load("test.php",{"name" : "Adam"});

3. 加载一个php文件，该php文件含有多个传递参数。注：参数间用逗号分隔

复制代码 代码如下:
$("#myID").load("test.php",{"name" : "Adam" ,"site":www.jb51.net});
//导入的php文件含有一个传递参数，类似于：test.php?name=Adam&site=www.jb51.net

4. 加载一个php文件，该php文件以数组作为传递参数

复制代码 代码如下:
$("#myID").load("test.php",{'myinfo[]', ["Adam", www.jb51.net});
//导入的php文件含有一个数组传递参数。

Answer 2

#include file是一句动态网页的语句，所以只有asp动态网页才可以解析
想用纯静态可以使用框架<iframe>标签来实现网页嵌套
如<iframe id=aa name=aa width=130 height=150 src=aa.htm></iframe>

Answer 3

这种调用方法是ASP中常用的。
而在静态页面中是不能用<!--#include file="top.html" -->的。
HTML中使用“框架”能实现“页面调用”。

关于“在html文件引入其它html文件的几种方法”
请参考：
http://zhidao.baidu.com/question/15212428.html

这样做，如果几十个页面是否有点麻烦。建议您学习下ASP，在ASP中调用页面很方便的，就是您所说的 ： “我知道在index.asp中这样调用<!--#include file="top.html" -->是可以了! ”

希望这是您要找的答案。