UC知道本页面div中怎么显示外部php页面？
来源：百度知道 编辑：UC知道 时间：2024/06/03 17:07:44
<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用过了
<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用过了
首先，更正一下，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执行，一个在后台执行而已。
两种方法，使用ajax或者iframe
用iframe的话可以给a