iframe 페이지_HTML/Xhtml_웹페이지 제작에서 js를 사용하여 서로의 js 기능 호출-HTML 튜토리얼-php.cn

iframe 페이지_HTML/Xhtml_웹페이지 제작에서 js를 사용하여 서로의 js 기능 호출

WBOY

풀어 주다： 2016-05-16 16:43:03

원래의

1343명이 탐색했습니다.

최근에 매일 논문제안서 작업을 하다가 웹을 다시 디자인하고 싶은 마음이 간절했는데, 갑자기 문제가 생겼습니다. 웹페이지를 디자인할 때 항상 IE에서 실행해본 적이 없었거든요. 글쎄, 적어도 Firefox와 호환되지 않는 웹 페이지는 매우 추악하고 가짜라고 생각하기 때문에 이 개념을 갖게 된 이후로 페이지를 디자인할 때 이 호환성에 주목하기 시작했고, 이번에 호환성 문제가 발생했습니다. HTML에는 페이지를 페이지에 삽입할 수 있는 플로팅 프레임 이 있는데 아래와 같이 프레임 페이지에 매우 적합합니다. <a href="http://www.jb51.net/do/uploads/userup/0907/0Z95443K53.jpg" target="_blank"><img style="max-width:90%" alt="" src="http://files.jb51.net/do/uploads/userup/0907/0Z95443K53.jpg" style="max-width:90%" border="0"> </a> 왼쪽과 오른쪽 두 부분으로 나누어진 HTML 페이지, 왼쪽은 탐색 모음, 오른쪽은 표시해야 할 내용입니다. 코드는 다음과 같습니다. 왼쪽 열은 <iframe frameborder="0" id="frmTitleLeft" name="framLeft" src="left.html" style="HEIGHT: 100%; width:180px;"> left.html에 연결 오른쪽 열도 비슷하지만 그냥 제가 만든 페이지의 미리보기 효과는 다음과 같습니다. <a href="http://www.jb51.net/do/uploads/userup/0907/0Z9552W101.gif" target="_blank"><img style="max-width:90%" alt="" src="http://files.jb51.net/do/uploads/userup/0907/0Z9552W101.gif" style="max-width:90%" border="0"></a> 더 실용적인 효과를 얻으려면 어떤 종류의 효과를 얻어야 할까요? 오른쪽 열에 표시되는 링크를 클릭하면 분명히 js를 통해 구현되어야 합니다. 원래 호환되지 않는 메서드에 대해 자세히 설명하지 마세요. 다음 구현 단계를 기억하세요. 1. 먼저 오른쪽 열에서 iframe 개체를 가져옵니다. varframes=document.getElementById("frameid");//frameid는 오른쪽 열에 있는 iframe의 id 이름 2, src 값을 재설정 frames.src=pageurl;//pageurl이 표시될 대상 페이지입니다 이렇게 하면 페이지 점프가 실현됩니다. 1. 먼저 왼쪽 프레임이 컨테이너 페이지 index.html에 포함되어 있으므로 인덱스 수준으로 돌아가야 합니다. 먼저 rightframe 객체를 얻어야 합니다. varframes=window.parent.window.document.getElementById("frameid") 2. 여기에는 중요한 개체인 contentWindow가 있습니다. 이 개체를 얻은 후 frames.contentWindow.right() 와 같은 함수를 실행할 수 있습니다. 위 코드는 IE6과 호환됩니다. , Firefox3, chrome2.0이 성공적으로 테스트를 통과했습니다. IE7은 시도하지 않았지만 괜찮을 것입니다.