AI编程助手
AI免费问答

iframe页面跳转问题_html/css_WEB-ITnose

  2016-06-24 12:21   1598浏览 原创

java 框架

有三个页面: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>	function showDeatil(obj,url){		$("downMain").src=url;	}</script>  <!--这是主页面aaa.jsp -->  <div>    <a>点击链接在下面的iframe中显示子页面</a>  </div>  <div>	<iframe id="downMain"></iframe>  </div> 

<script>	function showDeatil1(obj,url){		$("rightMain").src=url;	}</script>  <!--这是第二个子页面bbb.jsp -->  <div>    <a>点击链接在右边的iframe中显示第三个页面</a>  </div>  <div>	<iframe id="rightMain"></iframe>  </div> 

回复讨论(解决方案)

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把窗口占满了

前端入门到VUE实战笔记:立即学习
>在学习笔记中,你将探索 前端 的入门与实战技巧!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。