iframe页面跳转问题_html/css_WEB-ITnose
- WBOY原创
- 2016-06-24 12:21:211323浏览
java 框架
有三个页面：aaa.jsp, bbb,jsp, ccc.jspaaa页面中有个框架，点击链接的时候框架显示bbb页面
bbb页面也有一个框架，点击链接的时候显示ccc页面
预计结果是在一个窗口中同时显示3个页面的内容。
现在实际结果是，点击第一个页面aaa中的链接时候正常显示bbb的页面，然后继续点击第二个页面bbb中的链接，出现问题，bbb的页面直接刷新了aaa的界面，即在窗口中只显示了bbb的页面
请问要怎么解决？
如果我在下面的bbb.jsp的链接中加入target="rightMain"，在原窗口中是可以实现我要的结果，但是它会额外打开一个显示bbb页面的窗口
如下是aaa.jsp,和bbb.jsp的代码
<script type="text/javascript"> function showDeatil(obj,url){ $("downMain").src=url; }</script><body onload=""> <!--这是主页面aaa.jsp --> <div style="width: 100%; height: 10%; float: left;"> <a id="sfcurrent1" href="#" target="downMain" onclick="showDeatil('1','bbb.jsp');">点击链接在下面的iframe中显示子页面</a> </div> <div style="overflow: visible; width: 100%; height: 90%; float: left; border-style: outset; border: 0px;"> <iframe style="border: 0px;" width="100%;" height="100%" frameborder="1" id="downMain" name="rightMain" src=""></iframe> </div></body> <script type="text/javascript"> function showDeatil1(obj,url){ $("rightMain").src=url; }</script><body onload=""> <!--这是第二个子页面bbb.jsp --> <div style="width: 3%; height: 100%; float: left;"> <a id="sfcurrent1" href="#" target="rightMain" onclick="showDeatil1('1','ccc.jsp');">点击链接在右边的iframe中显示第三个页面</a> </div> <div style="overflow: visible; width: 96%; height: 100%; float: left; border-style: outset; border: 0px;"> <iframe style="border: 0px;" width="100%;" height="100%" frameborder="1" id="rightMain" name="rightMain" src=""></iframe> </div></body> 回复讨论(解决方案)
function showDeatil(obj,url){
$("#downMain").get(0).src=url;
}
function showDeatil1(obj,url){
$("#rightMain").get(0).src=url;
}
$是jquery的$撒？
改掉错误，再把target去掉，试试
function showDeatil(obj,url){
$("#downMain").get(0).src=url;
}
function showDeatil1(obj,url){
$("#rightMain").get(0).src=url;
}
$是jquery的$撒？
改掉错误，再把target去掉，试试
$ 就是 document.getElementById("downMain")
现在就是两种情况：
没有target的时候，bbb页面会刷新覆盖整个窗口，也就是说在窗口中是显示bbb的页面和Bbb框架中的ccc页面
有target的时候，是能够在一个窗口中正常显示3个页面，但是另外打开一个新的窗口显示bbb和ccc页面
原来是我把iframe的height设置成200%了，iframe把窗口占满了
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn