하이퍼 링크를 클릭 할 때 iframe에서 페이지를 호출하는 방법은 무엇입니까?

Question

왼쪽 창에 5 개의 항목이있는 하이퍼 링크가 있습니다. 하이퍼 링크를 클릭하면 오른쪽에 해당 항목 설명이 표시됩니다. html로 웹 사이트를 개발 중입니다. 기본적으로 몇 가지 설명이 있습니다. item1을 클릭하면 item1의 세부 사항을 표시하고 item2를 클릭하고 싶습니다. item2의 세부 정보를 표시하고 싶습니다.

어떻게 할 수 있습니까? iframe 또는 그 밖의 페이지에 페이지를 표시 할 수 있습니까? 가장 좋은 방법은 무엇입니까?

Answer 1

은, 당신은 그렇게 할 수 있습니다, 그냥 iframe이의 이름으로 하이퍼 링크의 대상을 설정합니다.

그러나 iFrame은 나쁜 습관으로 간주됩니다. 더 나은 방법은 JQuery를 사용하고 load 명령을 사용하는 것입니다. 예를 들어

, 당신의 오른쪽 창 right-pane의 ID가있는 경우 :

<a href="showItem('item1-details.html')">item 1</a> 

function showItem(url) { 
    $('#right-pane').load(url); 
} 

Answer 2

target 속성을 사용합니다. :) 당신은 IFrame을 사용하려는 경우

http://www.w3schools.com/HTML/html_frames.asp