静态页面中显示动态内容,一些网站的qq在线状态，还有购物车用的是这个方法

来源：互联网发布：java泛型通配符的作用编辑：程序博客网时间：2024/05/16 18:51

最近在做一个站点时，需要生成静态页面，但是生成的静态页面中有些内容是需要动态获取的，怎不能每天生成一下吧。。
最后上网查了一下，再加上个要总结，呵。。。。终于实现了。。发出来，大家一起研究。。呵。。。
<span class="STYLE1">应用一</span>:文章计数，获取动态内容
计数页：count.php
<?php
require_once './global.php';
$DB->query("update ".$tablepre."teacher set views=views+1 where id='".$_GET['id']."'");
$hello=$DB->fetch_one_array("select * from ".$tablepre."teacher where id='".$_GET['id']."'");
$hcount=$hello['views'];
?>
document.write("<?=$hcount?>");
静态页面mk.html中加入即可
<script src="count.php?id=<?=$id?>"></script>
切记：页面路径，生成静态后计数文件路径会变。。
<span class="STYLE1">应用二</span>:获取此页面中一些动态信息，例如相关文章之类
同样，静态页面中的链接还是此种形式
<script src="read.php?cid=<?=$A['code']?>"></script>
read.php里内容如下:
<?php

$cid=$_GET['cid'];
?>
document.write("<TABLE cellSpacing=1 cellPadding=8 width=100% bgColor=#c4cbce border=0>");
document.write("<TR bgColor=#ffffff align=center>");
document.write("<TD width=33% align=center bgcolor=#ffffff>订单号</TD>");
document.write("<TD>年级科目</TD>");
document.write("<TD>时间</TD>");
document.write("</TR>");
<?php
$succquery=$DB->query("select * from ".$tablepre."test where cid='$cid'");

while($succ=$DB->fetch_array($succquery))
{
?>
document.write("<TR bgColor=#ffffff align=center>");
document.write("<TD><?=$succ['id']?></TD>");
document.write("<TD><?=$succ['city']?></TD>");
document.write("<TD><?=date('Y-m-d H:i:s',$succ['addtime'])?></TD>");
document.write("</TR>");
<?php
}
?>

document.write("</TABLE>");
document.write("<br>");

还有另外一种方法：
static side:

<html><body>
<script>
function fill_in(html)
{
document.getElementById('into').innerHTML = html;
}
</script>
<div id="into"></div>
<iframe name="dynamic" src="dynamic.html" style="width:0px;height:0px:frame-border:none;display:none;"></iframe>
</body></html>
dynamic page:
<html><body>
<div id="content">fill in any thing that is dynamic without document.write()</div>
<script>
var html = document.getElementById('content').innerHTML;
parent.fill_in(html);
document.getElementById('content').innerHTML = "";
</script>
</body></html>