Question

本页面div中怎么显示外部php页面？

<div id="navigation">
<a href="photo.php">照片</a>
<a href="diary.php">日记</a>
<a href="information.php" >个人档</a>
...
</div>

<div id="main"></div>

如何点击不同的链接显示到main的div中。所有链接是外部的PHP页面。

可以说下后台PHP方法和前台JS控制方法。（最好保持主页面为.html）
哦 对。还有最好别用div中的id传值。id我做CSS用过了

Answer 1

首先，更正一下，div中的ID是可以同时被CSS与JS调用的。
这个很简单，不用ajax就可以。首先你不能用<a标签做跳转，应该用它来做鼠标点击动作。
然后只需要用掉js中的innerHTML就可以了。
程序修改如下。
<div id="navigation">
<a href="#" onclick="check('photo.php')">照片</a>
<a href="#" onclick="check('diary.php')">日记</a>
<a href="#" onclick="check('information.php')">个人档</a>
</div>

<div id="main"></div>
<script language="javascript">
function check(url){
document.getElementById("main").innerHTML = '<iframe width="200" height="200" src="'+url+'"></iframe>';
}
</script>

当然例子中iframe中的高度，宽度，下拉框什么的属性根据你的需要去设定就可以了。
其实用ajax是一样的原理，只不过他是把执行的结果innerHTML到id为main的div中，区别就是一个在iframe执行，一个在后台执行而已。

Answer 2

两种方法，使用ajax或者iframe
用iframe的话可以给a标签加js代码改href='javascript:document.getElementById("mainframe").src="diary.php"'
然后再你的main里面写一个<iframe id="mainframe"></iframe>样式就自己慢慢调吧
如果用ajax的话参考百科吧，太多内容了，http://baike.baidu.com/view/1641.html
如果想简单一点可以用jquery 只要用$("#navigation a").click(function(){$("#main").load($(this).attr("href"));});
就可以了