iframe页面跳转问题
有三个页面:aaa.jsp, bbb,jsp, ccc.jsp
aaa页面中有个框架,点击链接的时候框架显示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>
java 框架
<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>