2013-11-04 5 views
2

새 창에서 iframe을 여는 방법은 무엇입니까? 나는 "scrolling = 'auto'"를 시도했다. 그것은 작동하지 않았다.iframe을 새 창에서 열기

내 코드는 여기에 넣어 :

<iframe width="572px" scrolling="auto" height="335px" 
     frameborder="1" src="http://XXXX.com/iframe-page" 
     style="border: 0px none #ffffff;" name="national-campaign" 
     marginheight="0px" marginwidth="0px"> 
</iframe> 

어떤 아이디어? 건배.

+2

당신이 조금 더 당신이 무슨 뜻인지 설명 할 수 있습니까? 새 창에서 링크를 열시겠습니까? iframe은 다른 페이지에 삽입 된 '창'입니다. 다른 페이지가 없다면 임베딩 개념, 즉 iframe은별로 의미가없는 것처럼 보입니다. –

+0

두 페이지가 같은 도메인에 있지 않으면 그렇게 할 수 없습니다. – Nathan

+0

예, 링크를 새 창에서 열려고합니다. 두 개의 사이트, 회사 사이트 및 딜러 사이트가 있습니다. 기업 사이트에는 회사 사이트와 딜러 사이트에 모두 표시하려는 이미지 만있는 페이지가 있습니다. 이미지를 클릭하면 세부 정보보기 페이지로 이동합니다. 그러나 딜러 사이트에서 원하는 것은 iframe 이미지를 클릭하면 iframe 내부에 세부 정보 페이지를 표시하는 대신 새 창에 탭이 열립니다. 그것이 의미가 있기를 바랍니다. –

답변

0

iframe이 아닌 다른 페이지로 연결되는 하이퍼 링크를 사용하는 것이 좋습니다. 또는 실제로 링크 인 스크린 샷 이미지.

일부 사용자는 iframe 내에서 마우스 오른쪽 버튼을 클릭하고 (인터넷 탐색기에서) '새 창에서 열기'옵션을 선택하기에 '스마트'할 수 있지만 다른 사용자는 그렇게하지 않을 수 있습니다.

+0

안녕하세요. 마침내 회사 사이트 이미지에서 'target = "_ top"'을 사용하여 작업하게 만들었습니다. 따라서 코드는 입니다. –

+0

또는 새 창을 열 때 'target = _blank': – kosherjellyfish

+0

하지만 이것은 iframe이 아닌 하이퍼 링크를 사용하여 수행됩니다. –

0

쉬운 방법은 target = "_ blank"속성과 함께 하이퍼 링크를 사용하는 것입니다.

너의 높이와 너비가 중요하다면 (예를 보면) window.open JavaScript 메서드를 사용할 수 있습니다.

1

해당 링크 안에 target="_top"을 추가하십시오.

또는 대안 내가 이해하는 경우가 iframe 내에 링크에서 새 페이지를 열 필요가 있다면 제대로 수행 할 수 있습니다 jQuery를를 사용

가 :

$('iframe a').attr('target', '_blank'); 
0

당신이 JQuery와 함께 할 수 있으며, window.open 메서드.

HTML :

<iframe id="iframe" width="572px" scrolling="auto" height="335px" 
     frameborder="1" src="http://XXXX.com/iframe-page" 
     style="border: 0px none #ffffff;" name="national-campaign" 
     marginheight="0px" marginwidth="0px"> 
</iframe> 

JS :

var iframe = $("#iframe"); 
var newWindow = window.open(iframe.attr(src), 'Dynamic Popup', 'height=' + iframe.height() + ', width=' + iframe.width() + 'scrollbars=auto, resizable=no, location=no, status=no'); 
newWindow.document.write(iframe[0].outerHTML); 
newWindow.document.close(); 
iframe[0].outerHTML = ''; // to remove iframe in page. 
+0

부모 창에서 사용할 수없는 단순한 j iframe의 js 기능에 아무런 제한이 없었습니다. – Ricalsin