php中如何点击完按钮后在本页面实现跳转
如何在点击电视或者空调等按钮的时候在bott这个div里显示他们的效果，比如点击了电视按钮，要在bott这个div里显示tv.php页面？<body><divid="co...
如何在点击电视或者空调等按钮的时候在bott这个div 里显示他们的效果，比如点击了电视按钮，要在bott这个div 里显示tv.php页面？
<body>
<div id="contain">
<div id="left">
<p>控制</p>
<table>
<tr>
<td><a href="tv.php" target="_parent" >电视</a></td>
</tr>
<tr>
<td><a href="air.php" target="_parent">空调</a></td>
</tr>
<tr>
<td><a href="light.php" target="_parent" >灯</a></td>
</tr>
<tr>
<td><a href="door.php" target="_parent">大门</a></td>
</tr>
<tr>
<td><a href="door.php" target="_parent">插座</a></td>
</tr>
</table>
</div>
<div id="right">
<div id="top">
具体操作
</div>
<div id="bott">
5678
<div>
</div>
</div>
</body> 展开
<body>
<div id="contain">
<div id="left">
<p>控制</p>
<table>
<tr>
<td><a href="tv.php" target="_parent" >电视</a></td>
</tr>
<tr>
<td><a href="air.php" target="_parent">空调</a></td>
</tr>
<tr>
<td><a href="light.php" target="_parent" >灯</a></td>
</tr>
<tr>
<td><a href="door.php" target="_parent">大门</a></td>
</tr>
<tr>
<td><a href="door.php" target="_parent">插座</a></td>
</tr>
</table>
</div>
<div id="right">
<div id="top">
具体操作
</div>
<div id="bott">
5678
<div>
</div>
</div>
</body> 展开
4个回答
展开全部
正常的思路，这样的需求应该使用AJAX，就是用JS代码获取tv.php的返回内容，然后替换到指定的DIV里面显示出来。如果你有JS基础，这个AJAX也不高深，能学会的。
简单的方法就是使用隐藏框架来实现，设置一个隐藏的iframe，当这个框架本身不显示，而是加载内容完毕后把内容复制到DIV，代码例如：
<iframe width=0 height=0 stype='display:none' name=xxx onload='document.getElemenByID("bott").innerHTML=this.body.innerHTML;'></iframe>
剩下就是修改你的链接，指向这个隐藏框架既可，例如：
<a href=tv.php target=xxx>电视</a>
简单的方法就是使用隐藏框架来实现，设置一个隐藏的iframe，当这个框架本身不显示，而是加载内容完毕后把内容复制到DIV，代码例如：
<iframe width=0 height=0 stype='display:none' name=xxx onload='document.getElemenByID("bott").innerHTML=this.body.innerHTML;'></iframe>
剩下就是修改你的链接，指向这个隐藏框架既可，例如：
<a href=tv.php target=xxx>电视</a>
追问
我用Ajax做的，
document.getElementById('bott').innerHtml=this.responseText;
可是点击完后没反应，
alert（this.responseText） ，返回的是tv.php页面的代码 ，怎么回事？
追答
请检查你的页面上是否定义了bott的容器，就是有无下面的代码：
可以用下面的代码进行调试
一是显示此容器现有内容：
alert(document.getElementById('bott').innerHTML);
二是给它赋予常量：
document.getElementById('bott').innerHTML='xxx TEST xxx';
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
是跳转到 本页面的某个位置吗 添加一个锚点 <a name="a" id="a" ></a>
<a
href="#a"><input type="button"></a>
<a
href="#a"><input type="button"></a>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
AJAX
用ajax访问tv.php
然后将返回的页面结果用document.XXX.innerHTML=YYY 写入div中
用ajax访问tv.php
然后将返回的页面结果用document.XXX.innerHTML=YYY 写入div中
追问
我用Ajax做的，
document.getElementById('bott').innerHtml=this.responseText;
可是点击完后没反应，
alert（this.responseText） ，返回的是tv.php页面的代码 ，怎么回事？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用框架。
在页面head里增加标签
<base target="iframe"/>
在top下
<iframe name="iframe" src=""></iframe>
src里搞个初始值。左侧链接的target去掉
在页面head里增加标签
<base target="iframe"/>
在top下
<iframe name="iframe" src=""></iframe>
src里搞个初始值。左侧链接的target去掉
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
