기존 html 페이지에서 html 페이지를로드하는 방법

Question

좋은 하루!

여러 HTML 페이지가있는 웹 사이트를 만들고 있습니다. div 코드를 사용하여 다음과 같이 내 메인 페이지가 나누어 져 있습니다 : 나는 헤더, 왼쪽 열 및 바닥 글은 모든 페이지에 동일하게 나타날 것이라고 결정했습니다

. HTML에서 FRAMES을 사용하지 않고, 버튼 1 (하이퍼 링크 코드 <a href="Catalogue.jsp" class="widget" >Catalogue</a> 사용)을 클릭하면 오른쪽 열에로드 된 페이지가로드 될 수 있습니까? 나는 this article을 읽었지만 내 문제에 대한 최선의 해결책이 무엇인지 모르겠다. (솔직히이 코드를 시도했기 때문에 솔직히 내가 어떻게 내 코드에 삽입해야할지 모르겠다. 내가 뭔가를 놓친 것 같아 .. 어떻게 내가 하이퍼 링크를 클릭하면 코드를 할 수있는, 오른쪽 열에이 페이지를 표시 ...).

또한 내 머리글, 왼쪽 열 및 바닥 글이 모든 페이지에서 동일 할지라도 매번 전체 페이지를 다시로드하는 대신이 방법을 사용하면 더 빠르고 일반적으로 사용되는지 궁금합니다. 내 모든 페이지에서 이렇게하면 죄수가 될 것입니까?

미리 감사드립니다.

Answer 1

html로 프레임을 사용하지 않고, 버튼 1 (하이퍼 링크 코드 <a href="Catalogue.jsp" class="widget" >Catalogue</a> 사용)을 클릭하면 페이지가 오른쪽 열에로드 될 수 있습니까?

iframe이 프레임의 다른 유형이며, 프레임의 모든 단점과 일부 여분의 것들을 더한 JavaScript (Ajax 기술)를 사용하여 프레임의 시뮬레이션이 있습니다.

$("#mydiv").load("myexternalfile.html"); 및 작동하지 않음).

즉.

왜 더 많은 정보가 없어도 실패했는지 말하는 것은 어렵습니다. 더 빨리

약간

모든

에서

일반적이지를 사용하여 더 일반적으로

또는 경우

또한, 나는 궁금 I 경우 이 작업을 수행 메서드를 사용하면 내 머리글, 왼쪽 열 및 바닥 글이 모든 내 페이지에서 동일 할지라도 매번 전체 페이지를 다시로드하지 않아도됩니다.

HTML은 실제로 잘 압축되며 템플릿은 공유 콘텐츠를 수동으로 복제합니다. 거의 모든 웹 사이트에 메타 콘텐츠가 공유 된 별개의 페이지가있는 이유가 있습니다.

내 모든 페이지에서이 문제를 어떻게 처리합니까?

JavaScript가없는 사용자의 북마크, 검색 엔진 색인 생성, 링크 공유 및 액세스가 중단됩니다.

Answer 2

사용 IFRAME과 "디스플레이 = 블록"조건부 또는 자바 스크립트를 사용하여 모든 버튼을 클릭 할

<iframe src="newpage.html" width="200" height="200" frameborder="0" scrolling="auto" name="myInlineFrame" display=none></iframe>