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

来源:百度知道 编辑:UC知道 时间:2024/05/13 23:42:34
我做了个静态首页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" -->是可以了! 请问我将如调用这三个文件呢?谢谢了~

静态页面中看上去好像是不能直接调用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&qu