iframe ページジャンプ問題_html/css_WEB-ITnose-htmlチュートリアル-php.cn

iframe ページジャンプ問題_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 12:21:21

オリジナル

1329 人が閲覧しました

Java フレームワーク

aaa.jsp、bbb,jsp、ccc.jsp の 3 つのページがあります
aaa ページ内にフレームがあります。リンクをクリックすると、フレームに bbb ページが表示されます。リンクをクリックすると、ccc ページが表示されます。
期待される結果は、1 つのウィンドウに 3 ページのコンテンツが同時に表示されることです。

実際の結果は、最初のページ aaa のリンクをクリックすると bbb ページが正常に表示され、その後 2 番目のページ 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){

関数 Showdeatil1 (obj, url) {
$ ("#Rightmain"). 0) .src = URL;
エラーを修正し、ターゲットを削除してください。
function showDeatil(obj,url){
;
エラーを修正し、ターゲットを削除して試してください
$ は document.getElementById("downMain")
ここで 2 つの状況があります:
ターゲットがない場合、bbb ページが更新され、ウィンドウ全体が覆われます。例えば、ウィンドウ内 Bbbフレーム内にbbbページとcccページを表示します

ターゲットがある場合、通常は1つのウィンドウに3ページ表示できますが、新しいウィンドウを開いてbbbページとcccページを表示します

iframe を配置したことがわかりました。高さは 200% に設定されており、iframe がウィンドウを埋め尽くしています