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

HTML 태그 및 속성의 사용 방법에는 다음이 포함됩니다. 1. 기본 사용 : SRC 및 HREF와 같은 속성을 통해 필요한 정보를 사용하고 필요한 정보를 추가합니다. 2. 고급 사용 : 데이터-* 사용자 정의 속성을 사용하여 복잡한 상호 작용을 달성합니다. 3. 일반적인 실수를 피하십시오 : 속성 값이 인용문으로 둘러싸여 있는지 확인하십시오. 4. 성능 최적화 : 간단하게 유지하고 표준 속성 및 CSS 클래스 이름을 사용하여 이미지에 Alt 속성이 있는지 확인하십시오. 이것들을 마스터하면 웹 개발 기술이 향상됩니다.

htmltagsdefinestructureofawebpage, whiletributesdfunctionalityanddetails.1) tags, andoutlinethecontent'splacement.2) agtributessuchassrc, class 및 styleenhancetagsbysingingimages ources, styling, and mormore, mormor, 개선.

HTML의 미래는보다 의미적이고 기능적이며 모듈 식 방향으로 발전 할 것입니다. 1) 의미화로 인해 태그가 콘텐츠를보다 명확하게 설명하여 SEO 및 장벽없는 액세스를 향상시킵니다. 2) 기능화는 사용자의 요구를 충족시키기 위해 새로운 요소와 속성을 소개합니다. 3) 모듈화는 구성 요소 개발을 지원하고 코드 재사용 성을 향상시킵니다.

htmlattributesarecrucialinwebdevelopmentforcontrollingbehavior, 외관 및 기능. 접근성, 접근성, andseo.forexample, thesrcattributeintagspactsseo, whike whike whike whike whike whike thercattributeintagspactsseo

ALT 속성은 HTML에서 태그의 중요한 부분이며 이미지에 대한 대체 텍스트를 제공하는 데 사용됩니다. 1. 이미지를로드 할 수 없으면 ALT 속성의 텍스트가 표시되어 사용자 경험을 향상시킵니다. 2. 스크린 리더는 ALT 속성을 사용하여 시각 장애가있는 사용자가 그림의 내용을 이해하도록 도와줍니다. 3. 검색 엔진 인덱스 텍스트 텍스트는 웹 페이지의 SEO 순위를 향상시키기 위해 ALT 속성의 텍스트를 색인 텍스트입니다.

웹 개발에서 HTML, CSS 및 JavaScript의 역할은 다음과 같습니다. 1. HTML은 웹 페이지 구조를 구축하는 데 사용됩니다. 2. CSS는 웹 페이지의 모양을 아름답게하는 데 사용됩니다. 3. JavaScript는 동적 상호 작용을 달성하는 데 사용됩니다. 태그, 스타일 및 스크립트를 통해이 세 가지는 함께 현대 웹 페이지의 핵심 기능을 구축합니다.

태그의 Lang 속성을 설정하는 것은 웹 접근성 및 SEO를 최적화하는 핵심 단계입니다. 1) 태그에 LANG 속성을 설정하십시오. 2) 다국어 컨텐츠에서는 다른 언어 부품에 대한 LANG 속성을 설정하십시오. 3) "en", "fr", "zh"와 같은 ISO639-1 표준을 준수하는 언어 코드를 사용하여 LANG 속성을 올바르게 설정하면 웹 페이지 및 검색 엔진 순위의 접근성을 향상시킬 수 있습니다.

htmlattributesearsentialforenhancingwebelements'functionalityandAmpearance.theyaddinformationTodeFineBehavior, 외관 및 간호, WebsITESITERACTIVE, RAPITIVE 및 VVESILLY -CAMENTION.ATTRIBUTESLIKESRC, HREF, 클래스, 유형 및 디스티브 트랜스포트


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

WebStorm Mac 버전
유용한 JavaScript 개발 도구

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전

MinGW - Windows용 미니멀리스트 GNU
이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)