php中如何点击完按钮后在本页面实现跳转
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了php中如何点击完按钮后在本页面实现跳转相关的知识，希望对你有一定的参考价值。
如何在点击电视或者空调等按钮的时候在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>
简单的方法就是使用隐藏框架来实现，设置一个隐藏的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
href="#a"><input type="button"></a> 参考技术B AJAX
用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去掉
js如何实现：在页面中任意位置点击鼠标，则在该位置显示一个div
rt
就是div的左上角与鼠标指针点击位置重合
如果改成点击的是图片 是不是会简单些？....求大神指教
1、先在一个文件目录下创建四个html文件，分别为index.html、page1.html、page2.html、page3.html。
2、接着用可编辑文本文件的软件打开四个html文件。如图先在index.html中加入三个div。
3、接着如图编写js代码，使得点击指定div后跳转指定页面。
4、其他三个html文件只是简单显示一下信息，三个文件的内容如图。
5、编辑完后，用浏览器打开index.html文件，结果如图。
6、点击第一个div，效果如图。
7、点击第二个div，效果如图。这样就成功用js实现点击指定div后跳转到指定页面了。
如下参考：
1.页面复制有一个id为c2的div，下面有一个子div，下面有一个按钮，事件是用来点击100个adddiv。
2.在event函数中，定义一个内容为degreediv字符的字符串变量。
3.然后使用jquery的append将已知的div字符串添加到c2div，如下所示。
4.运行页面，现在只看到一个div，如下图所示。
5.单击下面的按钮来触发添加div的逻辑，如下所示。
“leave_领悟”的回答思路是正确的，但是没有达到div左上角与鼠标指针点击位置重合的效果，其实只需要为新创建的div加上绝对定位即可，下面是修改后的代码，供楼主参考：
window.onload=function()
document.onmousedown=function(ev)
var oEvent=ev||event;
var oDiv=document.createElement('div');
oDiv.style.left=oEvent.clientX+'px'; // 指定创建的DIV在文档中距离左侧的位置
oDiv.style.top=oEvent.clientY+'px'; // 指定创建的DIV在文档中距离顶部的位置
oDiv.style.border='1px solid #FF0000'; // 设置边框
oDiv.style.position='absolute'; // 为新创建的DIV指定绝对定位
oDiv.style.width='200px'; // 指定宽度
oDiv.style.height='200px'; // 指定高度
document.body.appendChild(oDiv);
</script>本回答被提问者采纳 参考技术C
像下面这样：
<script>window.onload=function()
document.onmousedown=function(ev)
var oEvent=ev||event;
var oDiv=document.createElement('div');
oDiv.style.left=oEvent.clientX+'px';
oDiv.style.top=oEvent.clientY+'px';
document.body.appendChild(oDiv);
</script> 参考技术D 哈哈哈哈哈哈
以上是关于php中如何点击完按钮后在本页面实现跳转的主要内容，如果未能解决你的问题，请参考以下文章
js如何实现：在页面中任意位置点击鼠标，则在该位置显示一个div