iframe页面跳转有关问题-HTML教程-爱易网页

iframe页面跳转有关问题

日期：2014-05-17　浏览次数：20689 次

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>



<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>

java 框架

------解决方案--------------------
function showDeatil(obj,url){
        $("#downMain").get(0).src=url;
    }

function showDeatil1(obj,url){
        $("#rightMain").get(0).src=url;
    }
$是jquery的$撒？
改掉错误，再把target去掉，试试

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

iframe页面跳转有关问题

相关资料更多>

推荐阅读更多>